Question

I’m using a lot of CSS3 and I want to have 2 css versions: one with all the css3 and one without. I know I could simply remove the declarations but I’m wondering if there’s another way to disable them. Specifically, I want to disable text-shadow, box-shadow and border-radius.

Thanks.

Answer 1

You can’t disable them, all you can do is override the styles using CSS:

body * {
   text-shadow:none;
   ...etc...
}

(Hey, I never said it’s a good idea to do this, but it will work)

Edit: This answer got me on the right track; thanks. Here’s the solution:

create a class called NoCSS3 defined like this:

.NoCSS3 * {
    text-shadow: none !important;
    box-shadow: none !important;
    border-radius: 0px !important;}

And then in javascript, you add this line:

$('body').addClass('NoCSS3');

And you’re done!