Hi guys,
I have a page with light-blue text (#9697F3) on white background. If I click and drag to select some text, the background remains white but the color of the text turns a darker blue.

If I change the color to a darker blue (#123456) and select the text again, it inverts the bg/fg - ie. displays white characters on dark-blue bg.

How can I control the behaviour of selected text, using CSS (or other)?

Ps. Actually the background isn't white, it's 'browser-default' - bad Jonax - I know... ;)

CSS 3 has introduced a new pseudo-element called ::selection, but as far as I've read it only works on Apple's Safari browser (so far).

::selection {
    /* Style declarations for selected text */
}

Regards,
Rich

::::::::::::::::::::::::::::::::::::::::::
The Spicy Peanut Project
http://www.spicypeanut.net
::::::::::::::::::::::::::::::::::::::::::

Maybe you could do something with JavaScript like this:

function highlightSelected()
{
 if(document.selection.type = "text")
 {
  //formatting stuff
 }
}
document.onmouseup = highlightSelected;

HTH,

Snib

<><

Thanks Rich & Snib,
I'll have a go at it in the morning...

I look forward to be including the string 'Best viewed with Safari' on the front page ;)