无法通过输入[value =＆＃34;＆＃34;]选择空输入？

Question

我试图像这样标记所需的（和空输入）

＆＃13;

＆＃13;

input:required {
  border: 1px solid green;
}
input[value=""]:required {
  border: 1px solid red;
}

＆＃13;

<input type="text" value="" required>

<input type="text" value="Not empty" required>

＆＃13;

＆＃13;

＆＃13;

它似乎有用，但是一旦你为输入设置了一个值，它仍然标记为

Answer 1

如果您不介意使用JavaScript，可以使用if语句根据输入是否包含文本来提供类。 然后在这些类上使用CSS。