有没有办法通过 CSS 检测输入中是否包含文本？我试过使用 :empty 伪类，也试过使用 [value=""]，但都没有用。我似乎找不到单一的解决方案。
我想这一定是可能的，考虑到我们有 :checked 和 :indeterminate 的伪类，它们都是类似的东西。
请注意:我这样做是为了“时尚”风格，它不能使用 JavaScript。
另请注意，客户端在用户无法控制的页面上使用了 Stylish。
最佳答案
您可以使用:placeholder-shown 伪类。从技术上讲，占位符是必需的，但您可以改用空格。
input:not(:placeholder-shown) {
border-color: green;
}
input:placeholder-shown {
border-color: red;
}<input placeholder="Text is required" />
<input placeholder=" " value="This one is valid" />
<input placeholder=" " />关于css - 使用 CSS 检测输入中是否包含文本——在我正在访问但不受控制的页面上？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/16952526/