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

Question

我只是在该元素具有value属性时尝试设置元素的样式.

value属性是可变的(它是一个日期),但它是唯一在"无值"和"有价值"之间变化的东西,我需要以不同的方式进行设计.

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

HTML

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

CSS

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

我已经尝试过这个解决方案,但使用"它会使它寻找特定的字符串.执行.thing[value=*]无效,无法编译.

有什么建议？

Answer 1

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

input[value]{
  background: #ccc;
}