html - select のボックスの透明な背景は Chrome で機能しますか?

Question

css を使用して選択ボックスの背景を透明にしようとしています。を使用してbackground-color:transparent;います。Firefox では動作しますが、Chrome では動作しません。何か案が？これがライブの例です。お時間をいただきありがとうございます！

Answer 1

-webkit-appearance: none;おそらく役に立つでしょう。<select>はスタイリングが難しいことで知られています。カスタムではないルック アンド フィールを求めている場合は、独自のものを作成することを検討してください。

jsフィドル

.outter_div select {
    -webkit-appearance: none;
}