Firefox doesn't accept "invert" for outline color?

[jlizarraga]

EDIT #2: This is a known issue (my ticket got marked as a duplicate of the following):

https://bugzilla.mozilla.org/show_bug.cgi?id=359497

So apparently while Firefox is THE ONLY MAJOR SC browser that doesn't support "invert" for outline-color, it's not against the standards to do so. So technically, only the MDC documentation is in error. Personally, I think this is a very unfortunate accessibility decision on Mozilla's part.

ORIGINAL POST:

https://developer.mozilla.org/en/CSS/outline-color

"outline-color: invert;" and "outline: 1px dotted invert;" both produce the following type of error in my copy of Firefox 3.0.7:

"Warning: Expected color but found 'invert'. Error in parsing value for property 'outline-color'. Declaration dropped."

The MDC page suggests it should work fine, and Opera and Safari both understand it perfectly. EDIT: Chrome understands it as well.

My form has a dark background and the default outline is hard to see, so I set everything in the container to have a white outline, like this:

#container *:focus {
outline: 1px dotted #ffffff;
}

But a certain part of the form has a calendar/date picker element with light colors, so I want the outline to be the regular invert:

#calendar *:focus {
outline-color: invert;
}

FF3 is the only standards compliant browser that is struggling with this declaration. Any suggestions on how to get FF3 to recognize "invert"? For now, I'll just have to use a dark color instead of invert.

Thanks for any info!

Edit: I've submitted a bug ticket about this. This is the only info I could find:

http://forums.mozillazine.org/viewto...?f=25&t=635642