title: Change color of selection around focused textbox
body: <p>I am trying to change the color of the selection around my textbox when a user is inputting data. Right now when the user selects it on my machine it becomes blue. I would like this to be red. Is it possible to change the color of the selection around a focused textbox? I tried using -moz-selection and selection in my css but it doesnt work.</p>
  
  <pre><code>#myTextBox {
      border: 3px solid gray;/*background img not available, added border to see textbox*/
      background: transparent url(IMAGEHERE.png);
      width: 368px;
      height: 33px;
      color: silver;
      font-size: 22px;
      padding-left: 10px;
  }
  
  ::-moz-selection {
      background-color: #dd2020;
      color: #fff;        
  }
  
  ::selection {
      background-color: #dd2020;
      color: #fff;        
  }
  </code></pre>
  
  <p><a href="http://jsfiddle.net/9Zjbm/1/" rel="nofollow noreferrer">jsFiddle</a></p>
  
  <p><img src="https://i.stack.imgur.com/b8itx.png" alt="enter image description here"></p>