用css充满时如何改变表格中的字段颜色？

Question

我需要这样的形式：

所以当场地满了我想要颜色：蓝色;

如何用css编写代码。

必须是这样的：

.formfield:?? {
color: blue;
}

Answer 1

你可以使用onkeyup="this.setAttribute('value', this.value);"和css .formfield:not([value=""])并设置border-color而不是color

.formfield:not([value=""]) {
    border-color: blue;
}

<input value="" class="formfield" onkeyup="this.setAttribute('value', this.value);"/>

如果您将验证设置为required之类的输入

.formfield:valid { border-color: blue; }

<input class="formfield" required>