CSS :可选

十年前，HTML和CSS增加了对表单字段进行验证的能力，至少是信号。 required 属性有助于告知用户哪些字段是必须的，而pattern 允许开发者提供一个正则表达式来与<input> 的值相匹配。只用CSS和HTML就能锁定所需的字段和验证值是非常有用的。

你知道吗，CSS提供了:optional ，允许你对非必填的表单元素进行样式设计？

input:optional, select:optional, textarea:optional {
  border: 1px solid #eee;
}

[required] {
  border: 1px solid red;
}

在某种意义上，它感觉就像:optional 代表:not([required]) ，但:optional 只限于表单字段。

The postCSS :optionalappeared first onDavid Walsh Blog.