Опции предоставляются пользователю, когда существует несколько значений одного элемента, откуда пользователи могут выбрать опцию в соответствии со своими предпочтениями. Он существует в различных формах, таких как флажок, раскрывающееся меню и переключатель. В частности, раскрывающееся меню предоставляет заранее определенные списки параметров, которые позволяют пользователю выбрать один из них.
В этом руководстве объясняется процедура изменения цвета выбранной опции. Для этого сначала мы создадим раскрывающееся меню и стилизуем его с помощью CSS, а затем изменим цвет выбранного параметра.
Давайте начнем!
Как создать выпадающее меню с помощью HTML и CSS?
В HTML вы можете создать раскрывающееся меню, используя « <метка> », « <выбрать> ' а также ' <опция> ” теги. Для более ясного понимания давайте перейдем к синтаксису выпадающего меню.
Синтаксис
Вот синтаксис выпадающего меню:
< этикетка > Текст этикетка > < Выбрать > < вариант ценность знак равно '' > Опция 1 вариант > < вариант ценность знак равно '' > вариант 2 вариант >
... < вариант ценность знак равно '' > опция N вариант > Выбрать >
Давайте объясним теги HTML, используемые в приведенном выше синтаксисе:
<метка>: Он используется для указания сокращенной опции
<выбрать>: Этот элемент позволяет пользователю выбрать элемент из списка.
<опция>: Он используется для предоставления опций для раскрывающегося меню.
Здесь мы представляем практический пример для объяснения приведенного выше синтаксиса.
Шаг 1: Создайте раскрывающееся меню
Во-первых, мы создадим
и добавим заголовок, используя тег
. Чтобы добавить в него раскрывающееся меню, мы будем использовать тег label и добавить « Выберите страну ” в качестве ярлыка. После этого мы будем использовать тег