title: Use a wildcard in CSS selector to style when value is present
body: <p>I am trying to style an element only when that element has a value attribute.</p>
  
  <p>The value attribute is variable (it's a date), but it's the only thing that changes between "no value" and "has value" which I need to style differently.</p>
  
  <p>Is it possible to use a wildcard in the CSS selector ascertain whether the value attribute is present? E.g:</p>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;input class="thing" value="variable-something"&gt;...&lt;/input&gt;
  &lt;input class="thing"&gt;...&lt;/input&gt;
  </code></pre>
  
  <p><strong>CSS</strong></p>
  
  <pre><code>.thing[value="*"] {
     ...
  }
  OR
  .thing[value=*] {
     ...
  }
  </code></pre>
  
  <p>I've tried this solution but use of the <code>"</code> makes it look for a specific string. Doing <code>.thing[value=*]</code> is invalid and won't compile.</p>
  
  <p>Any advice?</p>