[分享]css去掉苹果按钮默认样式

苹果系统中的按钮具有默认的样式，这在一些情况下可能并不符合我们的需求。为了去掉默认样式，我们需要针对按钮进行CSS样式的重设。在CSS中,我们可以使用以下代码来去掉苹果按钮默认样式：button, i...

苹果系统中的按钮具有默认的样式，这在一些情况下可能并不符合我们的需求。为了去掉默认样式，我们需要针对按钮进行CSS样式的重设。

在CSS中,我们可以使用以下代码来去掉苹果按钮默认样式：

button,
input[type="button"],
input[type="submit"] {
    -webkit-appearance: none;
} 

通过这段代码，我们设置了button、input[type="button"]、input[type="submit"]的Webkit外观样式为none，也就是不显示Webkit默认的样式。

此外，我们还可以使用CSS样式来对按钮进行自定义样式的设计，提高页面整体的美观度。

例如，我们可以使用以下代码对按钮的背景、边框、字体等进行自定义样式：

button,
input[type="button"],
input[type="submit"] {
    background-color: #3498db;
    border: none;
    color: #fff;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    border-radius: 4px;
} 

这段代码可以让按钮背景颜色为#3498db，没有任何边框，字体为#fff，内边距为10px 20px，文字居中，没有装饰线（下划线等），使用inline-block显示，字体大小为16px，4px的边角半径使得按钮变得圆润可爱。

总之，去掉苹果按钮的默认样式是一项很实用的技巧，既可以提高网页美观度，又可以让按钮更加符合我们的需求。