将<style>块设置为disabled

时间:2016-03-16 22:21:16

标签: html css

如何禁用样式块?

&#xA;&#xA;
 &lt; style disabled =“true”&gt;&#xA;进步{&#xA; background-color:rebeccapurple;&#xA; border:0;&#xA; border-radius:9px;&#xA;高度:25像素;&#XA;宽度:300像素;&#XA; }&#xA;&lt; / style&gt;&#xA;  
&#xA;&#xA;

以上似乎不起作用,是否可以这样做?或者我是否需要以编程方式禁用它?

&#xA;

1 个答案:

答案 0 :(得分:1)

试试这个:

 <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>

为样式标记设置id将控制特定的css。您可以通过将disabled更改为false来重新启用它。希望有效。