Select with Chosenプラグインの矢印を変更するにはどうすればよいですか？

Question

私は、ドロップダウン矢印をどのように変化するかを理解することはできませんので、私は別の矢印のように変更する必要があります：

私はそれが

見えるようにしたいどのように

オリジナル

私はChosen pを使用していますlugin、私はその効果が一般的に<select>に私の編集したかどうかわからない。

HERESにPHP：

<div class="paistofill"> 

           <select class="form-control bfh-countries chosen-select " data-country="PT"> 
           <option value="PT">Portugal</option> 
           <option value="AF">Afghanistan</option> 
           <option value="AL">Albania</option> 
           <option value="DZ">Algeria</option> 
           <option value="AS">American Samoa</option> 
           <option value="AD">Andorra</option> 
           <option value="AO">Angola</option> 
           <option value="AI">Anguilla</option> 
           <option value="AQ">Antarctica</option> 
           (...) 
          </select> 

CSS：

select{ 
    -webkit-appearence:none; 
    background-image:url("recursos/images/span/seta.png"); 
    background-repeat:none; 
    background-position:right center; 

} 

Iこれはトリックを行うだろうけれども。何も変わっていない、何ができるの？

JSFiddle

Answer 1

このクラスは、だからあなたの画像の背景を変更するには、この画像https://harvesthq.github.io/chosen/chosen-sprite.png

でchosen.css

.chosen-container-single .chosen-single div b { 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url('chosen-sprite.png') no-repeat 0px 2px; 
} 

です。

あなたはCSSでのいくつかの変更を行い、

あなたのCSS、として選択スタイリングのための親コンテナを使用しようとする必要が

Answer 2

以下のコードを試してみてください。

select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none; 
    background-image: url("recursos/images/span/seta.png"); 
    background-repeat: none; 
    background-position: right center; 
} 

Answer 3

Check this fiddle here

、

select { 
    font-family: 'Hind Madurai','Segoe UI','Helvetica Neue', sans-serif; 
    background:#F9F9F9; 
    color:#111111; 
    border:1px solid #CCCCCC; 
    border-radius:5px; 
    padding: 8px 15px; 
    font-size:15px; 
    letter-spacing:0.05em; 
    width:300px; 
    margin: 0 0 20px 0; 
    max-width: 100%; 
    resize: none; 
    -webkit-transition: all .2s ease-in-out; 
     -o-transition: all .2s ease-in-out; 
      transition: all .2s ease-in-out; 
} 

.paistofill select { 
    -webkit-appearance: none; 
     -moz-appearance: none; 
    cursor: pointer; 
    background:url(https://s31.postimg.org/9rchnwbwr/down_arrow.png) no-repeat #F9F9F9; 
    background-position: 96% 12px; 
    text-indent: 0.01px; 
    text-overflow: ""; 
} 

.paistofill select option { 
    background:#FFFFFF; 
    color:#111111; 
}