We maintain a site that uses text resize buttons. Stylesheets are dynamically disabled to change text size. It works in every browser except Safari 5.1
We have tracked it down to something with rel="alternate stylesheet" and title="". Title doesn't apply if "alternate stylesheet" is set. Please help.
Safari 5.1-OTHER, Mac OS X (10.6.8)
This is apparently fixed in the latest build of WebKit, where style switching works fine. I guess we'll just have to wait for it to be implemented in a future Safari release.
I tried all manner of so called 'fixes', for over a week, nothing worked. Then I found a script that so far works with ALL browsers. I tested on both Mac and W7.
Happy days!!!
http://electrokami.com/coding/jquery-style-sheet-switcher-with-preview/
I have the same problem in Safari 6.0 and Chrome 21 in a script that toggles between the normal and alternate stylesheet. However, I noticed that it only fails at the first toggle, i.e. the alternate CSS is not enabled the first time, but if it is then disabled and re-enabled, it will work. Therefore, here is a stupid but cheap and effective workaround that works for me. Instead of executing simply:
a.disabled = false;
Execute:
a.disabled = false;
a.disabled = true;
a.disabled = false;
Thanks to Apple and Google to remind me why I hate both CSS and JavaScript.
Safari 5.1 won't load "alternate stylesheets" properly
