html - 如何使用 Chosen 插件更改选择中的箭头？

Question

所以我不知道如何更改下拉箭头，我需要将其更改为另一个箭头:

原创

我希望它看起来像什么

我正在使用 Chosen 插件，我不知道这是否会影响我在 <select> 上的编辑.

继承人的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;

 }

我认为这可以解决问题。什么都没有改变，我该怎么办？

JSFiddle

Answer 1

chosen.css中有这个类

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

有了这张图片https://harvesthq.github.io/chosen/chosen-sprite.png

因此请将背景更改为您的图片。