Как изменить цвет html datalist

Question

Есть ли способ изменить цвет списка данных (черный прямоугольник на изображении)

https://www.w3schools.com/tags/tryit.asp?filename=tryhtml5_datalist

РЕДАКТИРОВАТЬ: вы можете видеть его как белый, он принимает цвет по умолчанию системы

Answer 1

У Datalist очень мало или совсем нет возможностей, когда дело доходит до дизайна. Могут быть стили c, определенные поставщиком, но я бы не советовал использовать их в производственной среде.

Лучшее обходное решение - перерисовать весь список данных с помощью JavaScript, например, awsomplete. -> https://leaverou.github.io/awesomplete/

Answer 2

Вы не можете стилизовать эти элементы, такие как select и datalist, он имеет очень небольшую гибкость в стилизации.

Браузеры определяют свои собственные стили для элементов , о которых я упоминал выше.

Попробуйте прочитать это руководство