设置苹果手机button按钮颜色显示问题

最新推荐文章于 2018-09-27 14:19:00 发布

lily2016n

最新推荐文章于 2018-09-27 14:19:00 发布

阅读量2.7k

点赞数

CC 4.0 BY-SA版权

分类专栏： css3 文章标签： css

本文链接：https://blog.youkuaiyun.com/lily2016n/article/details/78227549

css3 专栏收录该内容

12 篇文章

订阅专栏

本文介绍了一种在iOS设备上解决按钮背景颜色显示为透明渐变的方法，通过修改CSS样式来去除button默认的appearance样式。

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

在苹果手机上尽管设置了button的背景颜色，但在苹果手机上测试时仍会发现背景颜色为透明渐变色，怎么解决呢？

在css公共样式中加上下面代码就可以解决，去除button系统默认appearance的样式,常用于IOS下移除原生样式

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

参考网址

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

lily2016n

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

考虑到可访问性，使用 CSS 设置按钮样式

分享身边生活经验blog

10-03

1268

按钮在网站上有很多用途——有用于悬停在图像上和在网页上导航的大按钮，以及用于显示有关您的产品或服务的信息的更微妙的按钮。然而，按钮甚至可以吓倒经验丰富的网页设计师。按钮有许多可能需要很长时间才能掌握的属性，如果使用不当或过度使用，可能会在 CSS 中增加不必要的大文件。本文将介绍如何将优雅的样式应用到您的按钮，以创建一个有吸引力的、可重用的按钮组件，为业务做好准备。

Android App开发-简单控件（4）——按钮触控和图像显示

最新发布

Natural_Pride的博客

01-27

1702

本节介绍了按钮控件的常见用法，包括：如何设置大小写属性与点击属性，如何响应按钮的点击事件和长按事件，如何禁用按钮又该如何启用按钮，等等。

参与评论您还未登录，请先登录后发表或查看评论

苹果手机上input的button按钮颜色显示问题

a97156000的博客

09-17

364

在苹果手机上的input按钮自带效果，需要加上outline:0px; -webkit-appearance:none; 清除原有样式，同时苹果手机上的input按钮自带圆角需要按需要去掉 input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-ap...

苹果手机上input的button颜色变蓝变绿

三百两

09-06

1011

苹果手机input框颜色自动变成渐变色苹果手机input框颜色变蓝苹果手机input框颜色变绿苹果手机让input框还原原始颜色input[type=button], input[type=submit], input[type=file], button{ cursor: pointer; -webkit-appearance: none; }

在ios中input颜色问题

diaohuang9854的博客

09-27

846

在安卓中input背景色正常，在苹果中input背景色成了渐变色去掉input的默认样式 input {-webkit-appearance:none; } //去除input默认样式转载于:https://www.cnblogs.com/RLflash/p/9712808.html...

去除IOS苹果手机自带按钮样式的方法(推荐)

08-28

js仿苹果手机计算器代码

06-11

这些规则可以全局应用，也可以只针对特定元素设置，确保计算器的外观符合苹果手机的风格。 8. `js`文件夹可能包含一个或多个JavaScript文件，其中至少有一个是主逻辑文件，负责处理计算器的业务逻辑，包括事件处理...

苹果iPhone safari浏览器样式重置修复submit按钮圆角bug

09-25

描述中的问题在于，当开发者尝试为`submit`按钮设置圆角边框时，Safari浏览器可能不会按照预期显示。这通常是由于Safari对表单元素的默认渲染机制导致的，它会使用其内置的`-webkit-appearance`样式，这可能会覆盖...

各种Button 制作实例（苹果风格，……）

12-21

各种按钮制作实例不同风格的按钮图片，苹果，透明………………

安卓和苹果按钮颜色不同解决方案

mayzhangmeimei的博客

03-06

1435

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

按钮在苹果手机显示不正常

weixin_33940102的博客

08-22

406

input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 转载于:https://www.cnblogs.com/wangbei2016/p/5796467.html

iPhone和ipad去掉按钮默认样式

西洲

06-24

1318

1.手机端web开发，遇到一下问题：按钮应该是红色的背景，结果上面有一层白色的蒙层。去掉所有自定义样式发现：白色的蒙层是button自带的样式，在iPhone和ipad上面没有去掉 2.添加代码： input[type="button"],input[type="submit"],input[type="reset"]{ -webkit-appearance:none;

iOS button背景颜色状态设置

jacker_2014的博客

11-22

5917

转自：http://blog.youkuaiyun.com/qq_20176153/article/details/52036422 关于button背景颜色(高亮状态)和(普通状态) [self.confirmBtn setBackgroundImage:[Function imageWithColor:RGB(244, 152, 71)] forState:UIControlState

【css】苹果手机上input的button按钮颜色显示问题

Mickeymouse

04-16

2370

在手机页面上写了个input的button按钮，但是颜色显示不对可以在css中加上下面这句input[type=button], input[type=submit], input[type=file], button { cursor: pointer; -webkit-appearance: none; } 问题解决...

仿苹果风格的滑动选择按钮设计

标题“滑动选择button”和描述“滑动选择button，仿苹果切换，非常漂亮”所指的知识点涉及了用户界面设计中的一种交互组件——滑动选择控件（也称为滑动开关或切换按钮）。在IT行业特别是移动应用开发、网页设计或...