With CSS3 every aspect of the Webpage can be can customized. This CSS code snippet will change the highlight color of the select text both its background and foreground color.
/* Chrome/Firefox/Edge */
::-moz-selection {
background-color: #445446;
color: #0fe4e4;
}
/* Safari */
::selection {
background-color: #445446;
color: #0fe4e4;
}
This is be rendered like the following image.
![Change Text Selection Color CSS Change Text Selection Color CSS](https://lh3.googleusercontent.com/-HwgEx9Zvfpw/WJdk9BCTc5I/AAAAAAAABN4/YBkDqneT6FQ/s1600/pylnsutokglltwplyrkvrjtwotlvlxrs.png)
This is tested in Google Chorme, Firefox and Microsoft Edge browser.