如何找到元素的颜色：悬停？

Question

我使用Chosen插件，如下图所示，:hover的{​​{1}}颜色为彩色蓝色。我所要做的就是将其改为红色颜色。

我通过 Chrome检查工具进行了处理，我发现它的颜色来自<li>类。见：

好的，我已将其更改为highlight，但仍然red的悬停为蓝色。我怎样才能改变它？

Here是<li>文件，here是演示。

Answer 1

请参阅此fiddle

当您尝试从CSS更改样式时它无法正常工作的原因是，从检查器中，我可以看到.highlighted的样式是通过内联CSS应用的，该内联CSS是覆盖的所有其他风格。要解决此问题，请在CSS中使用!important。

此外，显示的蓝色不仅仅是background-color。相反，它是background-image。因此，您还必须覆盖background-image ..

因此，将以下给定的样式添加到CSS中，将悬停颜色更改为red。

.highlighted{
  background-color:red !important;
  background-image:none !important;
}

Answer 2

正如Lal所说，请同时查看background-image：

background-image:-webkit-gradient(linear,50% 0,50% 100%,color-stop(20%,#3875d7),color-stop(90%,#2a62bc));
background-image:-webkit-linear-gradient(#3875d7 20%,#2a62bc 90%);
background-image:-moz-linear-gradient(#3875d7 20%,#2a62bc 90%);
background-image:-o-linear-gradient(#3875d7 20%,#2a62bc 90%);
background-image:linear-gradient(#3875d7 20%,#2a62bc 90%);

有线性渐变，所以你想将蓝色＃3875d7改成你想要的颜色吗？您还需要更改相应的第二种渐变颜色{＃2a62bc}

Answer 3

为什么不改变它为您选择的CSS中设置的颜色？如果需要，打开文件ctrl-f颜色，只需找到蓝色，将＃值换成你想要的红色。

如果你想要懒惰，只需找到蓝色的每个实例并将其改为红色，这样你就不用担心它有时会变成蓝色，有时会变成红色。

Answer 4

你必须覆盖css。您可以在页面的css中定义它，而不是修改Chosen CSS，因为它不打算被修改，其他开发人员可能需要在您的代码库中使用相同的库

  .chosen-container .chosen-results li.highlighted {
       background-color: #dc2951 !important;
       background-image: none;
  }