title: Changing label border-color when input:focus
body: <p>With just CSS I want do change the <code>&lt;label&gt;</code> border-color when <strong>input:focus</strong>.</p>
  
  <p>HTML:</p>
  
  <pre><code>&lt;label for="s"&gt;
          &lt;input name="s" placeholder="search"&gt;
  &lt;/label&gt;
  </code></pre>
  
  <p>CSS:</p>
  
  <pre><code>label { 
        border: 3px solid red; /* THIS SHOULD CHANGE */
  }
  
  input:focus ~ label {
         border-color: yellow; /* WHEN "input:blur" &lt;label&gt; border-color should be yellow */
  }
  </code></pre>
  
  <p>Here what I did until now: <strong><a href="http://jsfiddle.net/s6Zc9/2/" rel="nofollow">http://jsfiddle.net/s6Zc9/2/</a></strong></p>
  
  <p>Thank you.</p>