css去苹果按钮样式

苹果风格的按钮样式在很多场合下都非常好看，但在某些项目中，需要使用一些非苹果的样式。在这种情况下，我们可以使用CSS来去除按钮的苹果风格。

button {
   -webkit-appearance: none;
   -moz-appearance: none;
   appearance: none;
   border-radius: 4px;
   background-color: #007bff;
   color: #fff;
   padding: 12px 24px;
   font-size: 16px;
   cursor: pointer;
}

css去苹果按钮样式

在上面的CSS代码中，我们使用了appearance属性将按钮的苹果样式去除。然后，我们设置了按钮的圆角、背景颜色、字体颜色、内边距、字体大小和光标指针样式。你可以根据自己的需要进行更改。

除此之外，我们也可以通过CSS全局样式来去除所有按钮的苹果样式：

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

这样，所有的按钮和提交按钮都将不再有苹果样式。

总之，通过CSS去除苹果按钮样式非常简单，只需要使用appearance属性即可轻松实现。如果你需要在自己的项目中使用不同的按钮样式，这将是一个非常有用的技巧。

css去苹果按钮样式

相关文章