CODEWITHSUNDEEP
javascriptcss
Pacerier
Pacerier

Reputation: 89643

css javascript style sheet disabled?

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

Upvotes: 1

Views: 4195

Answers (3)

Sangeet Menon
Sangeet Menon

Reputation: 9915

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

Upvotes: 3

T.J. Crowder
T.J. Crowder

Reputation: 1074475

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

Upvotes: 3

alex
alex

Reputation: 490283

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

jsFiddle.

Upvotes: 2

Related Questions