title: Detect if an input has text in it using CSS -- on a page I am visiting and do not control?
body: <p>Is there a way to detect whether or not an input has text in it via CSS? I've tried using the <code>:empty</code> pseudo-class, and I've tried using <code>[value=""]</code>, neither of which worked. I can't seem to find a single solution to this.</p>
  
  <p>I imagine this must be possible, considering we have pseudo-classes for <code>:checked</code>, and <code>:indeterminate</code>, both of which are kind of similar thing. </p>
  
  <p>Please note: <strong>I'm doing this for a "Stylish" style</strong>, which can't utilize JavaScript.</p>
  
  <p>Also note, that Stylish is used, client-side, on pages that the user does not control.</p>