如何在css上禁用选择框悬停颜色

Question

我希望在鼠标悬停时禁用选择框中的浅蓝色......我不希望鼠标悬停时出现蓝色。 Here is the fiddle

.select_box
{
    color: white;
    background-color: red;
}

.itemone
{
    background-color: red;
}

.itemone:hover
{
    background-color:red;
}

.itemtwo
{
    background-color: green;
}

Answer 1

蓝色，每个浏览器呈现的默认颜色。

您可以转移到chosen

这样的插件

Answer 2

select类的呈现由浏览器自己完成。因此，你无能为力。但是，您可以选择使用jQuery构建自己的Dropbox。

    <div class="select">
    <ul>
        <li class="option darr">Dropdown one</li>
        <li class="option">Dropdown two</li>
        <li class="option">Dropdown three</li>
    <ul>
</div>

$('.select ul li.option').click(function() {
    $(this).siblings().toggle().removeClass('darr');
    $(this).addClass('darr');
});

这个有用的fiddle应该会有所帮助。 （我不是作者）。