пишет:
Кроме css селекторов элементов мы также можем использовать селекторы их атрибутов. Например, у нас есть на веб-странице несколько полей input, а нам надо окрасить в красный цвет только текстовые поля. В этом случае мы как раз можем проверять значение атрибута type: если оно имеет значение text, то это текстовое поле, и соответственно его надо окрасить в красный цвет. Определение стиля в этом случае выглядело бы так:
input[type="text"]{
border: 2px solid red;
}
После элемента в квадратных скобках идет атрибут и его значение. То есть в данном случае мы говорим, что для текстового поля надо установить границу красного цвета 2 пикселя толщиной сплошной линией.
Например:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Селекторы атрибутов в CSS3</title>
<style>
input[type="text"]{
border: 2px solid red;
}
</style>
</head>
<body>
<p><input type="text" id="login" /></p>
<p><input type="password" id="password" /></p>
<input type="submit" value="Send" />
</body>
</html>
Читать далее
Вступите в группу, и вы сможете просматривать изображения в полном размере
Это интересно
+1
|
|||
Последние откомментированные темы:
-
AOMEI BACKUPPER TECHNICIAN PLUS 4.0.6 – программа для создания резервной копии или восстановления системы
(1)
Пилот 32
,
21.02.2018
-
Программа Adobe Photoshop CC.2015 на русском языке
(1)
r_lubinel
,
09.04.2017
-
Как изменить ip адрес компьютера на иностранный
(1)
Present2007
,
04.12.2016
-
Какой браузер самый лучший? Проводим сравнение..
(1)
Present2007
,
13.10.2016
-
Программа полиглот
(1)
Krechet51
,
15.08.2016
20251121235813