CSS実装selectスタイル
1547 ワード
今日の任務は、モバイル側とPC側で使用し、ブラウザの互換性を持つ適応的なフォーム提出ページを書くことです.ページレイアウトで出会った問題は、私が使っているselectドロップダウンボックスですが、firefoxとchromeのドロップダウンボックスは違いますので、自分で書き直したいということです.コードは次のとおりです.
select { /*Chrome Firefox , */ border: solid 1px #b6b6b6; border-radius: 2px; appearance:none; -moz-appearance:none; -webkit-appearance:none; /* */ background: url(../images/arrow.png) no-repeat scroll right center transparent; /* , */ padding-right: 2em; }