[bluesage]

Hi,

I have seen on a few sites (unfortunately dont remember which ones at the moment) that when I highlight text in the browser, for example to copy text, the highlighting color is something different from my default color.

any idea as to how this is achieved, I have tried to find an answer but without success.

I figure its most likely a javascript done trick, or possibly some CSS I have never seen before.

If I find the websites Im refering to, will post the links.

thanks

[Zaoris]

You mean a hover link?

[Snowshiro]

No, I think he means the ::selection pseudo-element. (It's part of CSS3)

::selection {          // For Safari (and possibly others)
	background:#highlight-color;
	color:#text-color;
}

::-moz-selection{      // For mozilla based browsers
	background:#highlight-color;
	color:#text-color;
}

For example:

::selection {           // Gives white text on red background highlight
	background:#ff0000;
	color:#ffffff;
}

AFAIK, as of the current time of writing, it's unsupported by Internet Explorer.

[pgo]

Yeah. And you can expect it to be for some time.

[bluesage]

thanks for the response, I guess thats what it is then . will have to experiment with those pseudo elements from CSS3.

btw, is CS3 officially finished or still under development ?


now that I know what it is, have found an example of it in use:

::selection