title: CSS3 ::selection behaves differently in FF & Chrome
body: <p>I'm experimenting with the <code>::selection</code> pseudo-element in CSS3. In Firefox it works and looks great. My site has a dark navy blue background.</p>
  
  <p>I set the selection so that it looks like this in FF.</p>
  
  <p><img src="https://i.stack.imgur.com/0MKPS.png" alt="enter image description here"></p>
  
  <p>But in chrome the same test looks like this. It seems that chrome interprets the selection as semi transparent the resultant color is nasty.</p>
  
  <p><img src="https://i.stack.imgur.com/POJEi.png" alt="enter image description here"></p>
  
  <p>Does anyone know if it's possible to get chrome to behave the same as Firefox.</p>
  
  <p>For reference here is my css:</p>
  
  <pre><code>p::-moz-selection { background:#FFFF7D; color:#032764; }
  p::-webkit-selection { background:#FFFF7D; color:#032764; }
  p::selection { background:#FFFF7D; color:#032764; }
  </code></pre>
  
  <p>Thanks</p>