多選中的jQuery Chosen Higlight選項

Question

在出色的jquery Chosen插件（ http://harvesthq.github.io/chosen/ ）中，可以突出顯示多選中的選項。 圖像不僅僅可以描述：

編輯：對不清楚的問題表示抱歉。 如果突出顯示由選項標簽中的givven屬性觸發，那將是很好的。 fe類名或“名稱”

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

謝謝，

本書

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;
}

腳本

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

現場工作演示

Answer 3

我相信您希望為最后的多選菜單上色。 您可以使用：

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

Answer 4

您可以在此工作演示中使用toogleClass。

喜歡：

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

並在您的CSS中，為具有切換類的元素使用不同的顏色。