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

Question

我正在尝试仅在该元素具有值属性时设置元素的样式。

value属性是变量（它是一个日期），但它是唯一一个在“无值”和“有价值”之间变化的东西，我需要以不同的方式设置。

是否可以在CSS选择器中使用通配符来确定value属性是否存在？ E.g：

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;
}

亲自试用https://jsfiddle.net/55rjf0y8/

Answer 2

您可以使用以下代码

＆＃13;

＆＃13;

input[value]{background: red;}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;