去除iphone/ipad按钮默认样式
写过手机站的可能会遇到明明css样式已经写好了,但是到了iphone上面会出现默认的样式,这样我们是不能接受的。其实这个很容易就能够解决,去掉iphone按钮默认的css的样式就行了,具体如下:
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; } textarea {
-webkit-appearance: none;
}
另外还有以下浏览器的默认样式,只要去掉默认的css样式即可
1.浏览器默认发光样式
input:focus, textarea:focus { outline: none; }
2.去除IE10+文本框会有一个小叉
input::-ms-clear { display: none; }
3.多行文本大小固定
textarea { resize: none; }
注:这里的resize属性是css3属性,用于元素缩放,取值如下:
none 默认值
both 允许水平方向及垂直方向缩放
horizontal 只允许水平方向缩放
vertical 只允许垂直方向缩放
不只对textarea适用,同样div也是适用的
div { resize: both; overflow: auto; }
4.火狐input的内阴影
input{ box-shadow:none; background:none; }