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; }