Для обращения к input в CSS можно использовать псевдоклассы и псевдоэлементы, которые применяют стили к определенным состояниям или частям элемента input.
Примеры использования псевдоклассов для обращения к input:
input[type="text"] {
/* стили для input с атрибутом type, равным text */
/* например, двухпиксельная пунктирная рамка */
border: 2px dotted;
}
input:focus {
/* стили для input в состоянии получения фокуса */
/* например, синяя заливка */
background-color: blue;
}
input:disabled {
/* стили для disabled input */
/* например, серый текст */
color: gray;
}В данном примере мы используем псевдоклассы для обращения к input с определенными состояниями. Псевдоклассы определяются символом «:» после имени элемента и применяются к элементу input соответственно.
Например, в первом правиле мы используем атрибут селектора для выбора input с атрибутом type, равным text. Второе правило применяет стили к input в состоянии получения фокуса при нажатии на него. Третье правило применяет стили к disabled input.
Также можно использовать селекторы атрибутов для выбора input с определенными значениями атрибутов, например, name, placeholder, value и другие.
input[name="login"] {
/* стили для input с атрибутом name, равным login */
/* например, красная рамка для текстового поля логина */
border: 2px solid red;
}
input[placeholder="Введите пароль"] {
/* стили для input с атрибутом placeholder, равным 'Введите пароль' */
/* например, зеленая заливка для поля пароля */
background-color: green;
}В этом примере мы используем селекторы атрибутов для выбора input с конкретными значениями атрибутов name и placeholder.
