Question

Is there some css selector or something of the like that allows you to apply different styles to elements in an inactive page/window in webkit? There is for scrollbars: http://www.webkit.org/blog/363/styling-scrollbars/
I’m using this to make a Titanium desktop application feel more native on Mac OS X.
Thanks!

Answer 1

See: http://www.thefutureoftheweb.com/blog/detect-browser-window-focus

These events work in every major
browser (Firefox, Internet Explorer
6/7, Safari & Opera).

Demo: http://www.thefutureoftheweb.com/demo/2007-05-16-detect-browser-window-focus/

function onBlur() {
    document.body.className = 'blurred';
};
function onFocus(){
    document.body.className = 'focused';
};

if (/*@cc_on!@*/false) { // check for Internet Explorer
    document.onfocusin = onFocus;
    document.onfocusout = onBlur;
} else {
    window.onfocus = onFocus;
    window.onblur = onBlur;
}