去掉苹果的默认UI来渲染按钮

芒种017

于 2019-08-15 10:12:03 发布

阅读量306

点赞数

CC 4.0 BY-SA版权

分类专栏：前端 css 文章标签：去掉苹果的默认UI来渲染按钮

本文链接：https://blog.youkuaiyun.com/weixin_41848880/article/details/99622582

前端同时被 2 个专栏收录

18 篇文章

订阅专栏

css

15 篇文章

订阅专栏

本文介绍了一种方法，用于解决iOS设备上按钮样式自动变为系统默认样式的问题，通过CSS代码实现iOS与Android平台按钮样式的统一。

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

之前做过一些页面，里面用到了input里的button，和button标签，在安卓手机上测试，样式都能正常显示；但是在苹果手机上，所有的按钮都变成了苹果默认的UI。

想要保持苹果和安卓的风格一致，需要对苹果默认的样式初始化，代码如下：

input[type="submit"], input[type="reset"], input[type="button"], input[type="text"], input[type="file"], input[type="password"], textarea, button {
     appearance:none; 
    -moz-appearance:none; 
    -webkit-appearance: none !important;
 }