Html 悬停时的引导下拉自定义

我有一个引导下拉列表，我使用

bootstrap select

。以下是相同的代码：

HTML

在悬停时，我希望插入符号的背景颜色变为黄色，类似这样

我更改了插入符号的CSS，如下所示：

.btn-select
{
    background-color: #FFF !important;
    border: 1px solid #9EBBDE !important;
    border-radius: 2px !important;
}


.btn-select span.bs-caret
{
    height:10px !important;
    width:10px !important;    
}


.btn-select:hover span.bs-caret
{
    background-color: #FDE481;   
}

但这是行不通的。有没有解决办法

---

这里有一个相同的非工作状态。

引导

插入符号

是使用边框构建的。设置背景色对原因没有帮助。您可以使用伪元素

：before

或

：after

来获得想要的效果。工作代码

这正是我想要的。谢谢：）

 $('.selectpicker').selectpicker({
        style: 'btn-select',
        size: 2
 });

.btn-select
{
    background-color: #FFF !important;
    border: 1px solid #9EBBDE !important;
    border-radius: 2px !important;
}


.btn-select span.bs-caret
{
    height:10px !important;
    width:10px !important;    
}


.btn-select:hover span.bs-caret
{
    background-color: #FDE481;   
}