javascript - 自定义选择框上的黑色阴影

Question

我正在尝试在我的元素中使用 fancySelect.js，Fiddle here .

我有以下 HTML:

<select name="emergency-nos" id="emergency-nos">
    <option value="">Emergency numbers</option>
    <option value="">91 + test number</option>
    <option value="">91 + test number</option>
</select>

我正在初始化插件，像这样:

$(function(){
    $('#emergency-nos').fancySelect();                
});

一切正常，除了单击选择框时出现小故障，然后当您第二次单击时，选择框按预期折叠，但选择框周围有黑色阴影；为什么当选择框折叠时我会得到这个阴影？

那个黑色阴影真的有点破坏我的 UI，我自己修改了很多 CSS 以适应我的主题，但没有做任何添加那个黑色阴影的事情，为什么我会得到那个黑色阴影？

Answer 1

从 css 中删除它:

div.fancy-select select:focus + div.trigger {
    box-shadow: 0px 0px 0px 2px #4B5468;
}