What's the standard color definition for different browsers with jQuery?

Question

I need to blink between two colors:red and white.

I've found that after $targetcss('background-color','red'),

value of $targetcss('background-color') is not red,but rgb(255, 255, 255),

pay attention that there is a space between "," and digit in firefox,

but there is no space in IE.

And my code is now :

if(existingBgColor != 'rgb(255, 255, 255)')
    $target.css('background-color', 'rgb(255, 255, 255)');
else 
    $target.css('background-color', 'white');

Which works in firefox,but no for IE.

Of course I can change it to this to make it apply for IE:

if(existingBgColor != 'rgb(255, 255, 255)' && existingBgColor != 'rgb(255,255,255)')
    $target.css('background-color', 'rgb(255, 255, 255)');
else 
    $target.css('background-color', 'white');

But what for a third browser?

Is there a standard solution for this?

Answer 1

You could simply trim out all the whitespace before testing:

existingColor = existingColor.replace(new RegExp(/[" "]/g), ""); //rgb(255,255,255)

edit: as argued in the comments: Hex values are cross browser, and very easy to use. But if you insist on rgb values, then the above code will help you sort out your issues. However. If you start writing stuff like $myElm.css("background-color", "red");, you're gonna get a whole new set of issues...

Answer 2

can you use hex values? so red = #ff0000 and white = #ffffff

Answer 3

Use HEX.

Take a look at kuler as well.

Answer 4

You can specify a hex color value, for example #FF0000 for red

$target.css('background-color', '#FF0000'); // red background color

Here's a Working Demo to play with. Check the results in Firebug or Web Developer toolbar