jquery - jQuery Chosen プラグインのカスタマイズ

Question

選択要素オプションを使用しているChosen プラグインを使用しようとしています。

タイムゾーン名を国名で表示するためにこれを使用しています。国名を optgroup ラベルとして、タイムゾーン名をオプションとして

私の問題:

1. (オプションだけでなく) optgroup ラベルでも検索できるようにする方法
2. オプションのホバーの背景色を変更するには?

ありがとうございました。

Answer 1

以下のように、choose.css で強調表示されたクラスを更新できます。

.chosen-container .chosen-results li.highlighted {
  background-color: #F26655;
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #F26655), color-stop(90%, #2a62bc));
  background-image: -webkit-linear-gradient(#F26655 20%, #F26655 90%);
  background-image: -moz-linear-gradient(#F26655 20%, #F26655 90%);
  background-image: -o-linear-gradient(#F26655 20%, #F26655 90%);
  background-image: linear-gradient(#F26655 20%, #F26655 90%); 
  color: #fff;
}

私のバージョンでは、このクラスは行番号 174 にありました。たとえば、#F26655 は目的の色です。