MacのSafariで選択した要素の光沢を削除するにはどうすればいいですか? 質問する

MacのSafariで選択した要素の光沢を削除するにはどうすればいいですか? 質問する

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;

これにより矢印アイコンも消えることに注意してください。矢印アイコンを再度追加する方法については、他の回答を参照してください。

見るhttp://trentwalton.com/2010/07/14/css-webkit-appearance/

おすすめ記事