Setting – Stephen P Mar 17 '16 at 00:19

Question

Try this:

 <style id="switch">
 body{ 
    background-color: gray;
 }
 </style>

 <script>
 $(document).ready(function(){
     $('.button').click(function(){
        document.getElementById("switch").disabled=true;
    });
 });
 </script>

<html>
    <body>
    <a href="#" class="button"><button>Button</button></a>
    </body>
</html>

Setting an id to the style tag will control specific css. You can re-enable it by changing disabled back to false. Hope that works.

score 1 · Answer 1 · answered Mar 16 '16 at 22:38

1

Try this:

 <style id="switch">
 body{ 
    background-color: gray;
 }
 </style>

 <script>
 $(document).ready(function(){
     $('.button').click(function(){
        document.getElementById("switch").disabled=true;
    });
 });
 </script>

<html>
    <body>
    <a href="#" class="button"><button>Button</button></a>
    </body>
</html>

Setting an id to the style tag will control specific css. You can re-enable it by changing disabled back to false. Hope that works.

answered Mar 16 '16 at 22:38

TMKAB121

276
2
8

Can you provide a citation for this? I never knew disabling a style element would turn its rules off! – Stephen P Mar 17 '16 at 00:08
1

@StephenP See [HTMLStyleElement.disabled](https://www.w3.org/TR/html5/document-metadata.html#dom-style-disabled), [LinkStyle.disabled](https://www.w3.org/TR/html5/document-metadata.html#dom-linkstyle-disabled) and [StyleSheet.disabled](https://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-StyleSheet-disabled). – Oriol Mar 17 '16 at 13:12
Sorry I didn't have a reference on hand. I've used this trick long ago to force off css for print mode. It also works on external css files. [w3schools](http://www.w3schools.com/jsref/prop_html_disabled.asp) see example 2. – TMKAB121 Mar 17 '16 at 15:23

1 Answers1