空字段没有验证样式

Question

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

提前谢谢你！

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

Answer 1

你可以这样做

input[required] {
    // styles goes here
}

这只影响具有必需属性的字段

Answer 2

也许是这个？

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