Html 引导下拉列表：悬停

我对google chrome和bootstrap的css有问题

这就是问题所在，在HTML中，我只是设置了引导类

<div id ="SiteLanguage" style="margin-top:10px">            
    <asp:DropDownList 
        CssClass="selectpicker btn btn-primary dropdown-toggle" 
        id="ddlSiteLanguageSelect" 
        runat="server" AutoPostBack="true"
        OnSelectedIndexChanged="ddlSiteLanguageSelect_IndexChanged"> 
    </asp:DropDownList>            
</div>    

在Mozzila，它看起来很棒，正如它的初衷，悬停的颜色是深橙色

但是在谷歌浏览器中。。。出于某种原因，从某个地方，在悬停时它拖动蓝色，我无法从哪里找到它

所以经过几天的尝试，谷歌搜索，改变和切换。。。我没有办法在这里做什么了。你能给我一些建议吗

多谢各位

编辑：

我把问题上传到

谷歌硬盘链接：

在样式文件夹中：主文件是

Upitnici.css

， 脚本文件夹只包含库

如果您在Mozzila中打开

Problem.html

，您将看到一切正常，在google chrome中，您将看到悬停在具有蓝色背景颜色的选项上

---

谢谢大家!

似乎另一个类正在重写您的css代码，因此您可以使用！重要信息设置高优先级的标签

select > option:checked, select > option:hover
{
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900 !important;
}

删除>并尝试此操作

select  option:checked, select  option:hover
{
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900;
}

---

如果是

select

下拉列表，您可以更改select的背景，但无法使用css更改突出显示颜色（当您悬停时）！（适用于Chrome和其他Webkit浏览器）

您可能希望将

select

块更改为

ul

，

li

构造

目前没有办法应用css来获得您想要的结果。 为什么不像或那样使用库呢。这些允许 你需要按照你想要的方式来设计风格

如果您不想使用第三方库，那么您可以 简单的未排序列表并使用一些css。以下是您可以使用的线程 跟随

---

来源：

你不能在纯css中使用

但是你可以用 或

---

@Veljko89:已收到您的源代码，无法在谷歌Chrome中完成。我看到您是通过一个插入框阴影实现的，但是这种方法只适用于FF。像许多答案一样，最好找到另一种解决方案，例如，通过div创建自定义选择并在其中列出。

检查asp:DropDownList标记生成为HTML选择标记是的，它生成为选择标记。。。正如你所知；如果您使用工作代码编写代码片段，人们通常更愿意帮助您。你可以使用生成的HTML和CSS代码，看看我们如何修改它，并相应地修改你的代码。你能分享小提琴吗？你想要的行为是不可能的，看不到可能的重复：这个问题有如此多的重复项，我可能认为OP甚至在提问之前都没有尝试用谷歌搜索答案。除了我之前提到的复制品之外，还有另一个复制品，它只提供：选中的颜色，但在：hover上它仍然是蓝色的。我上传了代码，你们可以在问题中找到链接，也许它会给你们一些想法，至少你们可以尝试一下。。。希望Chrome很快就能做到这一点

select  option:checked, select  option:hover
{
    box-shadow: 0 0 10px 100px #dc6900 inset;
    background-color: #dc6900;
}