您的位置:首页 > 移动开发

-webkit-appearance问题

2015-11-02 18:24 417 查看
当我们写移动端样式时,会发现有些样式在苹果手机里,显示不一样。

今天我们来说说-webkit-appearance。

在不同的“-webkit-appearance”选值情况下,button所渲染的效果是不一样的,详细的测试代码大家可使用safari浏览器点击这
里。有关于“-webkit-appearance”的详细介绍,这回算是知道了,最后我建议大家,我们可以直接在“reset.css”样式文件中加处 这么一句:

input[type="submit"],
input[type="reset"],
input[type="button"],
button { -webkit-appearance: none; }


大家可以上这个网站看看
http://www.w3cplus.com/css3/changing-appearance-of-element-with-css3.html
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息