在Mac和iOS设备上，在Safari中，< select>元素与背景颜色自身产生光泽。这似乎并不发生在其他操作系统。
例如，我有一个带有这些样式属性的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;
}
我的元素有我想要的背景颜色，但光泽仍然存在。有谁知道如何使它是一个平面颜色吗？
解决方法
@beanland;你必须写
-webkit-appearance:none;
在你的css。
阅读这个http://trentwalton.com/2010/07/14/css-webkit-appearance/
