我注意到,如果我用CSS使用半径、颜色和边界来设计按钮,它们看起来很好,但在iphone/ipad/ipod上它们看起来很糟糕……不应该是相同的渲染在Safari桌面??
将以下代码添加到css文件中:
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
这将有所帮助。
上面关于webkit外观的回答是有效的,但是与其他设备/桌面上的浏览器相比,这个按钮看起来仍然有点苍白/沉闷。我还必须将不透明度设置为full(范围从0到1)
-webkit-appearance:none;
opacity: 1
设置不透明度后,按钮在所有不同的设备/模拟器/桌面上看起来都是一样的。
推荐文章
- 如何使Bootstrap 4卡在卡列相同的高度?
- 使用域集图例引导
- 向HTML表中添加水平滚动条
- 如何使用Xcode创建。ipa文件?
- 如何创建表只使用<div>标签和Css
- 如何确保<select>表单字段被禁用时提交?
- 如何在HTML文本换行?
- Chrome开发工具:如何找出什么是覆盖CSS规则?
- 如何使用HTML/CSS在文本中插入空格/制表符
- Xcode 4 -在新的Macintosh安装上的配置文件上“没有找到有效的签名标识”错误
- 用背景图像填充SVG路径元素
- 在iPhone上确定用户是否启用了推送通知
- 是否有可能禁用浮动头在UITableView与UITableViewStylePlain?
- Swift -转换为绝对值
- 大Glyphicons