html - How do I change the arrow in the select with Chosen plugin? -

so can't figure how change dropdown arrow, need change arrow:

original

how want like

i using chosen plugin, don't know if effects in general edits on <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> 

the css:

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

i though trick. nothing changed, can do?

jsfiddle

there class in chosen.css

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

with image https://harvesthq.github.io/chosen/chosen-sprite.png

so change background image.