CSS：好玩的‘伪类’系列之——(:required)

:required

定义：指选择器在表单元素是必填项时设置指定样式。只适用于表单元素: input, select 和 textarea。

触发条件：当设置表单元素为必填项时，修改样式

兼容:IE10、Opera10以下不支持

举个栗子

html代码：

<form>
  <label for="url_input">非必填项:</label>
  <input type="text" id="url_input" />
  <br />
  <br />
  <label for="email_input"><b>*</b>必填项:</label>
  <input type="text" id="email_input" required />
</form>

css代码：

form{
  width: 35%;
  padding: 10px;
  margin: 0 auto;
}
label{
  cursor: pointer;
}
label b{
  color: red;
}
input:required{
  background-color: #800000;
  color: #fff;
}

效果图：