BLOG
Enjoy when you can, and endure when you must.
DEC 03, 2013/CSS
-webkit-appearance控制默认样式

在写HTML+CSS的时候,会发现在如iPhone里的Safari这样的Webkit内核浏览器中,部分控件如按钮会呈现具有自己独有的风格,甚至会影响我们自己所写的样式。这是受-webkit-appearance属性的影响。要想去掉默认的样式很简单 —— 设置该属性值为none:

-webkit-appearance: none;

不过该属性还有一个功能就是可以改变元素默认的样式而做一直“伪装”。比如要将span模拟成按钮,即对其增加一个css:

<span style="-webkit-appearance: button;">HELLO WORLD!</span>

效果如下所示:

更多可以参考一下:

http://ued.ctrip.com/blog/wp-content/webkitcss/prop/appearance.html

COMMENTS
LEAVE COMMNT