井井客

搜索

去除表单元素默认样式

在做手机页面的时候经常会使用一句去除input、button、select、textarea默认样式的代码,比较基础。

去除表单元素默认样式

代码如下:

input,button,select,textarea{ outline:none; border:0; -webkit-appearance: none; }

主要用到的是css3的appearance属性,因为主流的浏览器都不支持appearance属性,需要在appearance前添加私有前缀,Firefox添加-moz-,而Safari和Chrome则添加-webkit-,因为我们主要使用的是手机浏览器,所以只要写-webkit-appearance就可以了。

文章TAG:css3

作者:井井客原创来源:原创
本文标题:去除表单元素默认样式
本文链接:/c/29159.html

上一篇:fullPage.js回调函数有大用!
下一篇:如何修改placeholder表单预期值的颜色

文章分类

相关阅读

随便看看