CSSを使用して選択ボックススタイルを変更する

Question

私はこのようなことをしたい、 私はすでに境界線を削除することができますが、どのようにこれを行うには？いくつかの矢とカスタムフォントサイズで？
select box css

Answer 1

あなたは既に作成スタイルを探し、例えばブートストラップがあること、それらのカップルを得たように、あなたの文書でそれらをインポートすることができ、この

select.arrow { 
 
    border-bottom: 1px solid #999; 
 
    border-right: 0px solid #999; 
 
    border-left: 0px solid #999; 
 
    border-top: 0px solid #999; 
 
    width:200px; 
 
    padding: 10px; 
 
    -webkit-appearance: none; 
 
    -moz-appearance: none; 
 
    -ms-appearance: none; 
 
    background: url(../images/pin-point.png) 95% 0 no-repeat; /* Add your image here*/ 
 
         }

<select class="arrow"> 
 
    <option>1</option> 
 
    <option>2</option> 
 
    <option>3</option> 
 
</select>