How can I set a CSS rule to change the selection of all elements, not just text?

Question

This CSS rule …

::selection
{
background-color:#f1f1f1;
}
::-moz-selection
{
background-color:#f1f1f1;
}

… produces this effect in Chrome:

As you can see, some parts of the selection is default blue. How can I make the entire selection grey?

Answer 1

-moz- is the prefix for firefox

try -webkit- it's for chrome and safari

Answer 2

it must be in another <div> or something like that. Check around to fine anywhere else that sets a background colour. Without more code not much more we can do.

Also find the different brower types of

-moz-selection

as that is just firefox.

Answer 3

I use the following to prevent selection of all elements on a page... Hope it helps!

*{
-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}