CSS3 TextArea Highlight Color

Question

I've been using the following CSS3 option to change the highlight color of text on a webpage. However, the only element on the webpage is a textarea, and the following CSS doesn't seem to do anything.

::selection { background:#B9B9B9; color:#000000; }

Am I doing it wrong? Is it possible to change the highlight color of a textarea? Or am I just wasting my time?

Answer 1

Try using the vendor extension versions -moz-selection and -webkit-selection:

::selection { background:#B9B9B9; color:#000000; }
::-moz-selection { background:#B9B9B9; color:#000000; }
::-webkit-selection { background:#B9B9B9; color:#000000; }

Note that the selection pseudo has been removed from the current draft.