Стилизация выпадающего меню datalist
638
13 февраля 2018, 06:00
Каким селектором можно обратиться к выпадающему меню тега <datalist>? datalist > option:hover или input[list] > option:hover не работают.
<p><input list="character">
<datalist id="character">
<option value="Чебурашка"></option>
<option value="Крокодил Гена"></option>
<option value="Шапокляк"></option>
</datalist></p>Answer 1
Если обращение к данному элементу необходимо для изменения его стиля, то сделать этого не получится.
Т.к. для данного элемента браузер сам определяет стили. Поправьте если не прав. Можете изменять <input> чтобы выбранное значение изменяла шрифт и так далее.
Если необходимо отловить значение через js, то можно сделать как-то так.
$("#character option").val(); // Получим первое значение option
-
07:09
-
17:51
-
08:01
-
07:36
-
07:00
-
21:22
-
20:00
-
20:14
-
07:41
ТОП-10
- Почему SERVER_ADDR имеет не тот IP 46754 visits
- Как заменить $_SERVER[REMOTE_ADDR] на IP клиента в PHP за двумя Nginx? 30302 visits
- Хочу вывести несколько строк из массива в один div, выводит только много undefined; подскажите, что делать? 22899 visits
- Как через css изменить цвет png изображения? 10176 visits
- Blob video url download 9805 visits
- Php curl запрос через прокси с авторизацией 9064 visits
- Работа с captcha vk api 7981 visits
READ ALSO
© "hostciti.net" 06.5.2024 | 10:21