CSS - 输入：无效

Question

我有验证问题...... 如果我把select字段这样： 它已经显示无效，即使没有

<option value=''></option>

如果我把select字段放在这样：

在没有触摸的情况下保持正确

    <option value=' '></option>

我希望它在选择

后才开始验证

关注他的CSS

.form-validate input:invalid, textarea:invalid, select:invalid {
  background: url(../img/error.png) no-repeat 98% center;
  border: 1px solid #ebccd1;
  box-shadow: 0 0 5px #d45252;
  color: #a94442;
}

enter image description here

如何在提交提交时检查它是否无效，因为当我选择“选择”时（这已经有效）......

我考虑过使用：

input :not (:empty)

因为我知道这可以确定当值不是“空”时，它什么都不做......但它不起作用