Question

I know how to change the highlighted text color but there is a persistent blue highlight I can’t change on my sites.

here is a screenshot of my example https://i.stack.imgur.com/alm0I.png

To see an example visit the jsfiddle below and either command + a or ctrl + a to highlight all the text…

Is the blue here padding or margin being highlighted?
Also, I noticed I can created more of it by placing [br] tags in the dom outside of [p] tags

Any thoughts on this ?

EDIT:

I created a fiddle to mess w/ this and better illustrate it:

::selection doesn't work

http://jsfiddle.net/designaroni/UTd3E/

Highlight the content that’s run & you’ll see the blue which is the offending culprit here.

anymore suggestions here?

Answer 1

There isn’t a way to change how the browser hightlights your website. This issue is very browser specific, since different browsers hightlight in a different way. You can however set via CSS which parts of the website can or can’t be highlighted via the user-select property.

Edit:
I thought you knew how to change the color of the selection, but now I see you meant the color of the text highlighted. The answer below might cover that 😉