TransWikia.com

Стилизация выпадающего меню datalist

Stack Overflow на русском Asked by Prographer on December 4, 2021

Каким селектором можно обратиться к выпадающему меню тега <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>

One Answer

Если обращение к данному элементу необходимо для изменения его стиля, то сделать этого не получится. Т.к. для данного элемента браузер сам определяет стили. Поправьте если не прав. Можете изменять <input> чтобы выбранное значение изменяла шрифт и так далее. Если необходимо отловить значение через js, то можно сделать как-то так.

$("#character option").val(); // Получим первое значение option

Answered by Dmitrii Sedov on December 4, 2021

Add your own answers!

Ask a Question

Get help from others!

© 2024 TransWikia.com. All rights reserved. Sites we Love: PCI Database, UKBizDB, Menu Kuliner, Sharing RPP