在 Mac 和 iOS 设备上的 Safari 中,<select>
具有背景颜色的元素会对其自身产生光泽。这在其他操作系统中似乎不会发生。
例如,我有一个具有以下样式属性的选择元素:
select {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 3px 6px;
margin: 10px 0 7px;
width: 250px;
background-color: #BD2786;
color: white;
letter-spacing: -.04em;
font-weight: bold;
border: 0;
}
我的元素具有我想要的背景颜色,但光泽仍然存在。有谁知道如何将其变成纯色吗?
您可以使用此 CSS 属性:
-webkit-appearance: none;
请注意,这也会导致箭头图标消失。有关将它们添加回来的方法,请参阅其他答案。
See http://trentwalton.com/2010/07/14/css-webkit-appearance/ http://trentwalton.com/2010/07/14/css-webkit-appearance/
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)