我注意到,如果我用CSS使用半径、颜色和边界来设计按钮,它们看起来很好,但在iphone/ipad/ipod上它们看起来很糟糕……不应该是相同的渲染在Safari桌面??
将以下代码添加到css文件中:
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
这将有所帮助。
上面关于webkit外观的回答是有效的,但是与其他设备/桌面上的浏览器相比,这个按钮看起来仍然有点苍白/沉闷。我还必须将不透明度设置为full(范围从0到1)
-webkit-appearance:none;
opacity: 1
设置不透明度后,按钮在所有不同的设备/模拟器/桌面上看起来都是一样的。
推荐文章
- 如何指定一个元素后包装在css flexbox?
- 如何修复UITableView分隔符在iOS 7?
- 使用“!”的含义是什么?重要的”?
- 用CSS截断长字符串:可行吗?
- 重要的样式
- 灰色的图像与CSS?
- CSS中*和*|*的区别是什么?
- 资源解释为样式表,但以MIME类型text/html传输(似乎与web服务器无关)
- CSS高度:100% vs高度:auto
- 带引导的固定宽度按钮
- 是类型="文本/css"必须在<链接>标签?
- 在没有jQuery的情况下,防止悬停父div的子元素时onmouseout
- 英语字母表中哪个字母占像素最多?
- 如何使<div>总是全屏?
- 在Swift中根据字符串计算UILabel的大小