jquery选择Multiselect中的Higlight选项

Question

在伟大的jquery Chosen插件中（http://harvesthq.github.io/chosen/） 是否可以突出显示多选中的选项。 图片不只是描述：

编辑： 对不起的问题很抱歉。如果突出显示由选项标记中的givven属性触发，那将会很棒。 F.E.班级名称或“名称”

<option value="xyz" selected="selected" class="active" name="active">item</option>

谢谢，

t book

Answer 1

你可以用css做点什么：

.chosen-container-multi .chosen-choices li.search-choice.emphasize {
    background-image: linear-gradient(#FFEDB5 20%, #FFAE03 50%, #E09B1F 52%, #DBAD4B 100%);
    background-color: #C9AB11;
}

您需要做的唯一事情是选择要突出显示的元素，并通过添加类emphasize来强调。要突出显示需要一些我无法展示的代码，但它不应该太难创建。祝你好运！

Answer 2

试试这个，

<强> CSS

.active{
    background : #FF0 !important;
}

<强> SCRIPT

$("select").chosen().change(function(){
    $('li.search-choice').removeClass('active');
    $('li.search-choice:last').addClass('active');
});

Live Working Demo

Answer 3

我相信你想为最后一个多选菜单着色。您可以使用：

$('ul.chosen-choices .search-choice:last span').css('background-color','yellow')

Answer 4

您可以像使用 demo 一样使用toogleClass。

像：

$('#target').toggleClass('toggled');

在你的css中，对于具有切换类的元素使用不同的颜色。