title: Is it possible to target a <select> with a specific option selected?
body: <p>Say I have the following HTML:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;select&gt;
      &lt;option value="0"&gt;Closed&lt;/option&gt;
      &lt;option value="1"&gt;Open&lt;/option&gt;
  &lt;/select&gt;
  </code></pre>
  
  <p>I'd like to add a border to the <code>&lt;select&gt;</code> that depends on the currently selected value:</p>
  
  <ul>
  <li>Red border when <code>Closed</code> is selected</li>
  <li>Green border when <code>Open</code> is selected</li>
  </ul>
  
  <p><img src="https://i.stack.imgur.com/QmUFj.png" alt="select open closed"></p>
  
  <p><strong>Is there a CSS selector that would target the <code>&lt;select&gt;</code> only when its value is <code>0</code> or <code>1</code>?</strong></p>