如果 input 元素設(shè)置了 "required" 屬性，設(shè)置其為紅色:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鳥教程(cainiaoplus.com)</title>
<style>
input:required
{
background-color: red;
}
</style>
</head>
<body>
<h3>：required選擇器的演示。</h3>
<p>可選輸入元素：<br> <input> </p>
<p>必需的輸入元素：<br> <input required> </p>
<p> :required選擇器選擇表單元素有“需要”屬性.</p>
</body>
</html>測試看看 ?/?:required 選擇器在表單元素是必填項(xiàng)時(shí)設(shè)置指定樣式。
表單元素可以使用 required 屬性來設(shè)置必填項(xiàng)。
注意： :required 選擇器只適用于表單元素: input, select 和 textarea。
表格中的數(shù)字表示支持該屬性的第一個(gè)瀏覽器版本號。
| 選擇器 | |||||
|---|---|---|---|---|---|
| :required | 10.0 | 10.0 | 4.0 | 5.0 | 10.0 |
CSS 選擇器 :optional