去掉iphone Safari浏览器下input submit 和按钮的圆角

在Iphone的Safari浏览器下查看网页时, 会看到input框有圆角,但其他浏览器上没有圆角,如果希望页面在所有浏览器上看的效果一致,可以在input样式下加上这段css代码

在Iphone的Safari浏览器下查看网页时, 会看到input框有圆角,但其他浏览器上没有圆角,如果希望页面在所有浏览器上看的效果一致,可以在input样式下加上这段css代码。
 

.classinput{
  -webkit-appearance: none;
  border-radius: 0;
}
本站部分内容来源互联网,如果有图片或者内容侵犯您的权益请联系我们删除!

相关文档推荐

html中,当input标签获取焦点的时候(例如,当光标放在input框中准备输入值时), input标签外围会出现边框,有的时候我们需要去掉这个边框,可以使用css的outline:none;属性将其去掉
页面设计中,我们可能需要对input checkbox元素定义样式。这篇文章是关于input checkbox自定义样式的css实例。希望对大家有帮助。
自从css3发布后,起功能变得非常强大,以前很多需要图片完成的icon,现在只需要几段css代码就可以完成。下面是css制作的圆,椭圆,三角形,箭头图标。
css圆角的制作方法很多,在css3没出来之前,我们一般使用图片配合css来完成,但css3发布后,可以直接用css3的border-radius来设置圆角,非常简单。
请在各浏览器里查看以下input的显示效果! 解决后显示效果! 具体代码 .button{ margin:0; padding:0 0.25em; width:auto; *width:1;/*宽度不带单位我是第一次见,不知道其作用!- -!*/ overflow:visible; } 还有一个问题就是input的文字垂直居中问题,这里引