title: Styling bootstrap input-group-addon on input focus
body: <p>Even if I don't really have hope, I want to style bootstrap <code>input-group-addon</code> <em>in css only</em> when the related input is focused. If the input is before the addon, like this:</p>
  
  <pre><code>&lt;input class="form-control" type="email" placeholder="Enter email"&gt;
  &lt;div class="input-group-addon"&gt;@&lt;/div&gt;
  </code></pre>
  
  <p>No problem, a simple : </p>
  
  <pre><code>input:focus + .input-group-addon {
    background: $color;
    color: white;
  }
  </code></pre>
  
  <p>But assumed it can be placed after as well, if someone has a css based solution in this case, it would be wonderful.</p>