For example, in Firefox, XUL's <videocontrols> is part of the implementation of HTML's <video> (also <audio>): it's the container for the media player controls (play, pause, seek, volume, etc.). See:
- XBL behaviours and anonymous content: chrome/toolkit/content/global/bindings/videocontrols.xml
- Default skin styles: chrome/toolkit/skin/classic/global/media/videocontrols.css
- Basic styles: chrome/toolkit/content/global/bindings/videocontrols.css
- Actual XBL binding: chrome/toolkit/res/html.css
I tried the following simple style to see if Firefox would use it.
In userChrome.css:
Code: Select all
@namespace url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
videocontrols .controlsOverlay .controlBar {
background-color: blue !important;
}
Code: Select all
@namespace url(http://www.w3.org/1999/xhtml);
@namespace xul url(http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul);
xul|videocontrols xul|*.controlsOverlay xul|*.controlBar {
background-color: blue !important;
}
So, is it possible to style XBL "anonymous content" via user{Chrome,Content}.css? If yes, which one? And, what am I doing wrong? If not, why? And, how should one do this instead?
Thanks!