Как установить цвет заполнителя для выбранного выбора? - PullRequest
Новая
       23

Как установить цвет заполнителя для выбранного выбора?

0 голосов
/ 23 февраля 2019

В моем приложении jQuery v3 / Bootstrap v4.1.2 я использую selected.jquery (версия 1.8.7), и я не нашел, как установить цвет текста заполнителя ввода выбора Chosen со стилями, такими как: 

::-webkit-input-placeholder { /* WebKit, Blink, Edge */
  color:    #c2c200 !important;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:    #c2c200 !important;
  opacity:  1 !important;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:    #c2c200 !important;
  opacity:  1 !important;
}
:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color:    ##c2c200 !important;
}
::-ms-input-placeholder { /* Microsoft Edge */
  color:    #c2c200 !important;
}

::placeholder { /* Most modern browsers support this now. */
  color:    ##c2c200 !important;
}

И я инициализирую его с кодом: 

$(".chosen_select_box").chosen({
    disable_search_threshold: 10,
    allow_single_deselect: true,
    no_results_text: "Nothing found!",
});

Вы можете посмотреть на эту скрипку: http://jsfiddle.net/1Lpdk79r/3/

Но она не работает для выбранного входа.Как это исправить?

1 Ответ

0 голосов
/ 24 февраля 2019

Если вы просматриваете источник своей скрипки, вы можете видеть, что плагин Chosen генерирует текстовый ввод из вашего выбора и добавляет текст placeholder в качестве входного значения.Это также стили, которые вводят.Так что вам просто нужно переопределить стиль Chosen своим собственным.

Это поможет изменить цвет текста: 

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #c2c200;
}

Вот обновленная версия вашей скрипки показывая результат.

...