如何在 Mac 上的 Safari 中删除所选元素上的光泽? [英] How can I remove the gloss on a select element in Safari on Mac?
本文介绍了如何在 Mac 上的 Safari 中删除所选元素上的光泽?的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
在 Mac 和 iOS 设备上，在 Safari 中，带有背景颜色的 元素会为其自身生成光泽.这在其他操作系统中似乎不会发生.
On Macs and iOS devices, in Safari, a <select> element with a background color generates a gloss over itself. This does not seem to happen in other operating systems.
例如，我有一个具有这些样式属性的 select 元素:
For example, I have a select element with these style properties:
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;
}
我的元素有我想要的背景颜色，但光泽仍然存在.有谁知道如何使它成为平面颜色?
And my element has the background color I want, but the gloss is still there. Does anyone know how to make it a flat color?
推荐答案
@beanland;你必须写
@beanland; You have to write
-webkit-appearance:none;
在你的 css 中.
阅读此http://trentwalton.com/2010/07/14/css-webkit-外观/
这篇关于如何在 Mac 上的 Safari 中删除所选元素上的光泽?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
