html - 将 <style> block 设置为禁用

如何禁用样式 block ？

<style disabled="true">
    progress {
        background-color: rebeccapurple;
        border: 0;
        border-radius: 9px;
        height:25px;
        width:300px;
    }
</style>

上面好像不行，请问这样可以吗？还是我需要以编程方式禁用它？

最佳答案

试试这个:

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

给style标签设置一个id会控制特定的css。您可以通过将 disabled 改回 false 来重新启用它。希望有用。

关于html - 将 <style> block 设置为禁用，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/36048065/