空字段没有验证样式

Question

如何在不影响空白字段的情况下为必填字段设置验证样式？

提前谢谢！

Code: https://codepen.io/anon/pen/xyOJoN?editors=1100

Answer 1

您可以这样做

input[required] {
    // styles goes here
}

这只会影响具有必需属性

的字段

Answer 2

也许是吗？

:required:not(empty) {
  background: red;
}