title: style of text selected (highlighted) with a mouse in Bootstrap 3
body: <p>I'm trying use a <a href="http://getbootstrap.com/examples/cover/" rel="nofollow noreferrer">Bootstrap 3 template</a> and change how highlighted text looks. </p>
  
  <p>By Default, when you select a word with a mouse, it is blue with a white background. I wanted to change only the blue color to sort of red, but when I use the following css, it overwrites whole styling:</p>
  
  <pre class="lang-css prettyprint-override"><code>::-moz-selection { /* Code for Firefox */
      color: rgba(217,83,79,0.50);
   }
  
   ::selection {
      color: rgba(217,83,79,0.50);
   }
  </code></pre>
  
  <p>Here's an example:</p>
  
  <p><a href="https://i.stack.imgur.com/KuJc9.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KuJc9.jpg" alt="screenshot"></a></p>
  
  <p>I've searched CSS files of bootstrap and the template but I can't find any styling. I was searching for <code>::selection</code>. How can I find it?</p>