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

Question

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

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

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

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/