Text Selection Color With CSS in Google Chrome

Question

I want to the text selection color with CSS in the Chrome browser.have added this CSS, but it only works in Firefox. Does anyone know why it is not working in Chrome?

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

`::selection` works fine in Chrome as is : http://jsfiddle.net/Paulie_D/9EX5W/ — Paulie_D, May 22 '14 at 12:07
http://codepen.io/anon/pen/umefx here is demo for it, you need to add webkit css for it. — Tushar, May 22 '14 at 12:08
Thank You EveryOne for giving response. It works for me By adding (*) in front of ::-webkit-selection. *::-webkit-selection { background: #cc0000; color: #ffffff; } — Vikas Rana, May 22 '14 at 12:13
@VikasRana: Your code working on Chrome : http://jsfiddle.net/Xh8mY/ OR see this http://stackoverflow.com/questions/7545550/has-the-webkit-selection-selector-ever-been-supported. Why use ::-webkit-selection ? — Ishan Jain, May 22 '14 at 12:14

score 2 · Answer 1 · answered May 22 '14 at 12:04

2

You will need to use ::-webkit-selection { background:#D03E27; } in order to achieve this in Google Chrome.

answered May 22 '14 at 12:04

Arko Elsenaar

1,689
3
18
33

1

Why use ::-webkit-selection ? – Ishan Jain May 22 '14 at 12:18
I suggest you to read articles about it, [this one for example](http://webdesign.about.com/od/css/a/css-vendor-prefixes.htm) – Arko Elsenaar May 22 '14 at 12:20
Yes, I understand this but in chrome "::selection" is working fine. – Ishan Jain May 22 '14 at 12:27
1

Not every Chrome version. – Arko Elsenaar May 22 '14 at 12:28
ok no problem, but it's working in all most versions of chrome. Look here caniuse.com/css-selection – Ishan Jain May 22 '14 at 12:42

Text Selection Color With CSS in Google Chrome

1 Answers1