Question

我正在使用多链选择，其中包含选项。我使用Chosen.js来设置我的选择和选项标签的样式。

选项标签的悬停有效。即，当选项标签悬停时，我可以设置不同的背景颜色。但我无法悬停选择标签本身。

有谁知道如何设计这个选择元素的样式。

Answer 1

我从未使用过selected.js，但快速浏览（我怀疑的是）主页。

如果你检查了这个＆＃39;元素（使用Chrome，F12），您会看到.chzn-container-single的{{1}}设置为background-image。

因此，更改背景-webkit-gradient无效，因为它使用了图像（显示在颜色的顶部）。

将一些css添加到您的site.css（或者如果您喜欢危险地生活，请在selected.css中查找）：

color

根据需要更改颜色并根据需要更改chzn-container-single

如果这不起作用，可能是因为优先级，所以请尝试将其作为.chzn-container-single { background-image: -moz-linear-gradient(center bottom , #F00 0%, #0FF 50%) }直接添加到浏览器中的元素进行确认。

Answer 2

我找到了答案。如果要为选择选项背景设置样式，则必须编辑此样式。

.chosen-single div b:hover {background: url('chosen-sprite1.png') no-repeat 0px 2px;}
.chosen-single span:hover {background-color:#538ECA;}
.chosen-single:hover {background-color:#538ECA; }

这是我找到的解决方法。它是我能够达到的最接近的。

选择不会对我的选择部分进行设计，而是将选项部分设置为其中

2 个答案: