HTML入力オプションを選択するドロップダウン矢印がクロムに​​表示されない

Question

フォームをモーダルに含めました。フォームには選択入力が含まれています。私が持っている問題は、選択ドロップダウン矢印がクロムを除く他のブラウザに表示されていることです。だから私はキャレットアイコンを追加したい。これを行う最善の方法は何ですか？代替ソリューションにも歓迎されて、あなたのCSSの選択のための外観を削除するために必要なすべての

Answer 1

まず：

select { 
background: #fff url(myimagepath/image.png) no-repeat 0 90%; 
} 

または：

select { 
-webkit-appearance: none; 
-moz-appearance: none; 
appearance: none; 
} 

あなたはこのようなものを使用して独自の画像の矢印を追加することができます画像を使用したくない場合は、次のようなことができます：

select:after { 
    content: ""; 
    position: absolute; 
    z-index: 2; 
    right: 8px; 
    top: 50%; 
    margin-top: -3px; 
    height: 0; 
    width: 0; 
    border-top: 6px solid #f99300; 
    border-left: 6px solid transparent; 
    border-right: 6px solid transparent; 
    pointer-events: none; 
}