去除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;
}

 

posted @ 2017-04-25 16:21  蔡春保  阅读(856)  评论(0编辑  收藏  举报