首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >CSS提交按钮在iPad/iPhone上的奇怪渲染

CSS提交按钮在iPad/iPhone上的奇怪渲染
EN

Stack Overflow用户
提问于 2011-03-26 05:58:27
回答 3查看 128.6K关注 0票数 253

我注意到,如果我使用半径、颜色和边框的CSS设置按钮样式,它们看起来很好,但在iphone/ipad/ipod中它们看起来很糟糕……不应该像在Safari Desktop中一样呈现吗??

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2011-03-26 06:09:04

糟了!这是我自己发现的。只需在需要的任何元素上添加以下行:

代码语言:javascript
复制
   -webkit-appearance: none;
票数 509
EN

Stack Overflow用户

发布于 2017-10-18 14:44:54

将此代码添加到css文件中:

代码语言:javascript
复制
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}

这将会有所帮助。

票数 57
EN

Stack Overflow用户

发布于 2019-02-18 11:46:18

上面对webkit外观的回答起作用了,但与其他设备/桌面上的浏览器相比,按钮看起来仍然很苍白/乏味。我还必须将不透明度设置为full (范围从0到1)

代码语言:javascript
复制
-webkit-appearance:none;
opacity: 1

设置不透明度后,按钮在所有不同的设备/仿真器/桌面上看起来都是一样的。

票数 12
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/5438567

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档