去除iphone/ipad按钮默认样式-优快云博客

本文介绍了如何在移动端浏览器中去除默认的CSS样式，包括按钮、文本框等元素，并提供了具体的代码实现，适用于iPhone等设备。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　写过手机站的可能会遇到明明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;
}

转载于:https://www.cnblogs.com/caichunbao/p/6762732.html