在CSS选择器中使用通配符来设置值存在时的样式

我试图仅当元素具有value属性时才设置该元素的样式

value属性是可变的（它是一个日期），但它是唯一在“无值”和“有值”之间变化的属性，我需要改变它的样式

是否可以在CSS选择器中使用通配符来确定值属性是否存在？例如：

HTML

<input class="thing" value="variable-something">...</input>
<input class="thing">...</input>

我尝试过这个解决方案，但使用

“

会使它查找特定的字符串。执行

。thing[value=*]

无效，无法编译

有什么建议吗？

您可以使用下面的代码

输入[值]{背景：红色；}

输入[值]{
背景：#ccc；
}

你自己试试看

.thing[value="*"] {
   ...
}
OR
.thing[value=*] {
   ...
}

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

input[value]{
  background: #ccc;
}