selecting/highlighting text with a different color

Question

how do i change the color of highlight/selection of text? the default is blue.

for example, if you highlight/select this text, it is blue; but on css-tricks.com if the text is highlight/select-ed, it is orange peach.

Answer 1

with JS you checkout where the selection is. then you remove it and change the css background-color of the selected text part in to orange ;-)

Answer 2

::selection {
background: #ffb7b7; /* Safari */
}
::-moz-selection {
background: #ffb7b7; /* Firefox */
}

as it is explained in here:

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

Answer 3

Why don't you read the css-tricks article on the subject: :-)

http://css-tricks.com/overriding-the-default-text-selection-color-with-css/

Answer 4

It's a CSS3-only feature, that only Firefox and Safari have implemented so far (as far as I know).

::selection {
    background: #ffb7b7; /* Safari */
}
::-moz-selection {
    background: #ffb7b7; /* Firefox */
}