title: change browser's blue default color when selecting an option element in a select element
body: <p>I know how to change the color of the background of the options element, and also the hover.</p>
  
  <p>What I'm trying to do is to change the default browser's color (blue in chrome) when you click over an option element, and while the "select" is still on focus.</p>
  
  <p>I made this pen:</p>
  
  <p><a href="http://codepen.io/dieggger/pen/QbRZXP" rel="nofollow">http://codepen.io/dieggger/pen/QbRZXP</a></p>
  
  <p>-------------------------------HTML --------------------------------</p>
  
  <pre><code>&lt;select size="3" name='options' multiple&gt;
     &lt;option value='option-1' class="options"&gt;Option 1&lt;/option&gt;
     &lt;option value='option-2' class="options"&gt;Option 2&lt;/option&gt;
     &lt;option value='option-3' class="options"&gt;Option 3&lt;/option&gt;
  &lt;/select&gt;  
  
  &lt;p&gt;
     Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iure suscipit 
     eos hic voluptatibus ratione impedit ullam sequi, delectus rem. Corporis nemo 
  &lt;/p&gt;
  </code></pre>
  
  <p>-------------------------------CSS---------------------------------------</p>
  
  <pre><code>select{
   border-radius:.5em;
   width:200px;
   height:100px;
  }
  
  ::selection {
    background: #ffb7b7;
  }
  
  ::-moz-selection {
    background: #ffb7b7; 
  }
  
  *:focus {
  outline: #ffb7b7 solid 5px; 
  }
  </code></pre>
  
  <p>I'd like to make the blue default color a #ffb7b7 like the outline and the text selection.</p>
  
  <p>Thanks in advance!</p>