我注意到,如果我用CSS使用半径、颜色和边界来设计按钮,它们看起来很好,但在iphone/ipad/ipod上它们看起来很糟糕……不应该是相同的渲染在Safari桌面??
当前回答
哦!这是我自己发现的。只要在你需要的任何元素上添加这一行:
-webkit-appearance: none;
其他回答
哦!这是我自己发现的。只要在你需要的任何元素上添加这一行:
-webkit-appearance: none;
将以下代码添加到css文件中:
input {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
这将有所帮助。
上面关于webkit外观的回答是有效的,但是与其他设备/桌面上的浏览器相比,这个按钮看起来仍然有点苍白/沉闷。我还必须将不透明度设置为full(范围从0到1)
-webkit-appearance:none;
opacity: 1
设置不透明度后,按钮在所有不同的设备/模拟器/桌面上看起来都是一样的。
推荐文章
- 在CSS中@apply是什么?
- 如何在iOS中使用Swift编程segue
- 在网页上用鼠标模拟震颤(例如帕金森病)?
- Bootstrap抛出Uncaught错误:Bootstrap的JavaScript需要jQuery
- 如何改变文本区域的边框颜色:焦点
- 我如何设置背景颜色为文本的宽度,而不是整个元素的宽度,使用CSS?
- 设备像素比到底是什么?
- 我如何做一个半透明的背景?
- 在CSS网格布局中等高行
- $(window).width()与媒体查询不一样
- 我如何改变UIButton标题颜色?
- 如何以及在哪里使用::ng-deep?
- 如何设置身体高度溢出滚动
- Xcode 4挂在“附加到(应用程序名称)”
- 在输入type="number"时禁用webkit的旋转按钮?