How to change the color of selected text in the HTML page?

Question

I want to know how can I change the highlight color of selected text?

Here is by default?

And I want something like this:

It should be noted I'm not talking about font-family . I just want to change the highlight color .., How can I do that?

Answer 1

::selection {
  background: #ffb7b7;
}
::-moz-selection {
  background: #ffb7b7;
}

Also for more information you can see this .

Answer 2

Example :

 p::selection { background: #FEAA90; } p::-moz-selection { background: #FEAA90; } 

 <p>Click on "Run code snippet" and select this text.</p> 

Support : http://caniuse.com/#feat=css-selection

Answer 3

You can do by ::selection Pseudo-element

For example:

::selection {
    color: red;
    background: #FEAA90;
}