css javascript style sheet disabled?

Question

what does it mean to have a style sheet disabled?

I just realised that its possible when i visited this page.. https://developer.mozilla.org/en/DOM/HTMLStyleElement

T.J. Crowder · Accepted Answer · 2011-04-25 07:43:12Z

3

You can disable styles by setting the disabled property on the element that loaded them (either a style element for inline styles, or a link element for linked stylesheets). When disabled, a stylesheet's rules aren't applied.

Example:

CSS:

<style id='style2'>
  p {
    color: green;
    font-weight: bold;
  }
</style>

HTML:

<p id ='theParagraph'>Click this paragraph to toggle the <tt>style2</tt> styles.</p>

(I know, I know, tt is deprecated.)

JavaScript:

document.getElementById('theParagraph').onclick = function() {
  var style = document.getElementById('style2');
  style.disabled = !style.disabled;
};

Live copy

answered Apr 25, 2011 at 7:43

T.J. Crowder

1.1m201 gold badges2k silver badges2k bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Sangeet Menon · Accepted Answer · 2011-04-25 07:53:56Z

3

The stylesheet included in the web page would be disabled if the attribute disabled is added in the <link> tag...

This is mostly used when the web pages apply multiple themes...and has something of a sort of a Themeroller

edited Apr 25, 2011 at 7:53

answered Apr 25, 2011 at 7:38

Sangeet Menon

9,9338 gold badges44 silver badges60 bronze badges

Comments

alex · Accepted Answer · 2011-04-25 07:37:25Z

2

It means its style declarations contained within will not be applied.

jsFiddle.

answered Apr 25, 2011 at 7:37

alex

492k205 gold badges891 silver badges992 bronze badges

Collectives™ on Stack Overflow

css javascript style sheet disabled?

3 Answers 3

Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related