前两天又遇到一个头疼的问题，在Chrome上调试好的样式，去到手机上打开，傻了。。。
这是什么鬼...
搜了一下,才知道这是appearance属性搞的鬼。。。
比如你想让一个div拥有button的样式，可以这么写
div {
appearance: button;
-moz-appearance:button; /* Firefox */
-webkit-appearance:button; /* Safari 和 Chrome */
}
所以取消掉默认的button样式，自己写的才能显示出来
input,
button {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
}
注意浏览器支持
所有主流浏览器都不支持 appearance 属性。
Firefox 支持替代的 -moz-appearance 属性。
Safari 和 Chrome 支持替代的 -webkit-appearance 属性。
原文：http://blog.csdn.net/joueu/article/details/44258331