Style sheet switcher and hiding style sheets

[kgun]

You should read this post:
Modern webbrowsers, accessibility and usability.

before you continue.

I am now back to basics and reading this excellent book:

Rachel Andrew (August 2006): "The CSS Anthology: 101 Essential Tips, Tricks & Hacks."

Chapter 7 "Browser and device support" and the code that comes with the book are well worth the price of the book.

The setting is as follows:

• Browsers that has inbuilt methods to render a page, so it is accessible to different users, like Opera 9.1.
• Browsers that has options to switch style sheets like Firefox 2.0.0.2. Firefox also has the option to show "No style sheet."
• Browsers that has no option to swithc style sheets like internet explorer.
• Browsers that does not support style sheets at all.

This post is about the two last points.

Style sheet switcher using JavaScript.

Example (upper right corner):
Alternate-Stylesheets

View source to see how it is implemented.

Link:
Working With Alternate Style Sheets

Browsers that do not support CSS.
Such browsers may still be used at libraries, schools etc.

If your browser does not support CSS at all, you can use a filter to hide the style sheet.

Related links:

• Media types.
• CSS-Discuss.