CSS3の「appearance」でselect要素のアイコンを消す

下記のように記述することでセレクトボックスで表示される三角アイコンが消えます。
Firefoxのみ上三行では消せないため下二行を追加します。

select {
   -webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
   /*Firefox用*/
    text-indent: .01px; 
    text-overflow: "";
}

参考:
appearance
selectタグの矢印がfirefoxだけ消えない問題を解決する

AWS構築サービスの全てをまとめた資料を公開中

ハックノート(TOWN株式会社)では、AWSの導入や構築支援を行っています。AWS導入メニューやサービス詳細、構成例や費用を掲載した資料をダウンロードできます。

AWSの新規導入やAWSへの移行を検討の際は、ぜひご参考ください。


APNコンサルティングパートナー

TOWN株式会社はAmazon公認コンサルティングパートナーです。