#jquery #html #css #jquery-chosen
#jquery #HTML #css #jquery-выбран
Вопрос:
Я использую Chosen для оформления выпадающего списка, но, похоже, я не могу понять, как устранить синюю границу / тень после выбора. Я пробовал *:focus { outline: 0 !important; } и эти:
#modelDropDown_chosen {
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#modelDropDown {
outline-width: 0;
outline: 0;
}
.chosen-container-active {
outline-width: 0;
outline: 0 !important;
}
и множество других подобных подходов, но я просто не думаю, что я ориентируюсь на правильный компонент.
Вот ссылка на изображение того, о чем я говорю. Любые идеи / предложения будут высоко оценены!
РЕДАКТИРОВАТЬ: это происходит только после того, как выбор сделан, и останавливается, если щелкнуть вне выпадающего списка
Комментарии:
1. В каком браузере вы это тестируете?
2. Я работаю в основном в Chrome, но, похоже, в Safari он тоже есть (Mac)
Ответ №1:
это должно сработать:
.chosen-container-active .chosen-single {
border: 1px solid #AAA;
box-shadow: 0 0 3px #FFF inset, 0 1px 1px rgba(0, 0, 0, 0.1);
}
Комментарии:
1. это была настоящая сука, которую можно было найти в Firebug 🙂 граница исчезает везде, где вы щелкаете по всему окну…
2. @Spencer удалите то, что находится внутри
.chosen-container-active .chosen-singleобласти видимости. Это должно сработать3. @Spencer у вас есть jsfiddle или какой-нибудь предварительный просмотр?
4. попробуйте добавить
!importantнепосредственно перед;тем, как просто протестировать его. @MDeSchaepmeester Я большой поклонник веб-инспектора Chrome 🙂5. @pawel ТАК БЛИЗКО! Я добавил!важно, и теперь это выглядит так , а не так , поэтому я думаю, что теперь это просто вопрос соответствия стилю границы. Спасибо!!! И да… Веб-инспектор — это фантастика, ха-ха