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;
}
私の要素には希望する背景色がありますが、光沢が残っています。これをフラットな色にする方法を知っている人はいますか?
ベストアンサー1
次の CSS プロパティを使用できます:
-webkit-appearance: none;
これにより矢印アイコンも消えることに注意してください。矢印アイコンを再度追加する方法については、他の回答を参照してください。