title: Firefox and Chrome insist on blue ::selection background
body: <p>I cannot manage to make Chrome (41) and Firefox (36) apply a specific color to the entire selection background, some areas keep being blue, despite specifying orange background.</p>
  
  <p>Consider the following example:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="false" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-css lang-css prettyprint-override"><code>::selection
  {
    background: rgba(255, 127, 0, 0.996);
    color: white;
  }
  
  ::-moz-selection
  {
    background: #F80;
    color: white;
  }
  
  img::selection
  {
    background: rgba(255, 127, 0, 0.8);
    color: white;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;The domestic cat is a small, usually furry, domesticated, and carnivorous mammal. They are often called a housecat when kept as an indoor pet, or simply a cat when there is no need to distinguish them from other felids and felines. Cats are often valued by humans for companionship.&lt;/p&gt;
      &lt;img src="http://placekitten.com/g/75/300"&gt;
      &lt;img src="http://placekitten.com/g/300/300"&gt;
      &lt;img src="http://placekitten.com/g/150/300"&gt;
  &lt;p&gt;A Melvin, Michigan woman was brutally attacked by a stray cat and shocking footage of the mauling has already gained a million views on YouTube.&lt;/p&gt;
  &lt;p&gt;The woman, who identified herself to reporters only as Maxx, endured the horrific attack November 30 but only recently realized it had been caught on her home surveillance camera.&lt;/p&gt;
  &lt;p&gt;The attack left her face swollen and infected and the cat named Buddy dead as officials were forced to test it for rabies.&lt;/p&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>When pressing Ctrl+A, Chrome (and Opera) will look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/0mFGY.png" alt="chrome or opera"></p>
  
  <p>Firefox will look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/KTzDk.png" alt="firefox"></p>
  
  <p>Surprisingly, Internet Explorer (11) is the one that got it right:</p>
  
  <p><img src="https://i.stack.imgur.com/HrIKI.png" alt="internet explorer"></p>
  
  <p>Is there a way to make the entire selection either orange or white/transparent in the above example for Chrome and Firefox?</p>