將<style>設置爲禁用

如何禁用樣式塊？將<style>設置爲禁用

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

上面似乎沒有工作，是否有可能這樣做？或者我需要以編程方式禁用它？

來源

2016-03-16 Alexander Mills

你爲什麼試圖禁用一個（主要是，通常是）非交互式元素？你認爲'禁用'屬性/屬性可能解決什麼目標？ –

@AlexChar爲了說明，'disabled'不是有效的內容屬性，而是一個有效的IDL屬性（屬性）。 – Oriol

@AlexChar：'disabled'是'HTMLStyleElement'的一個屬性。 https://developer.mozilla.org/en-US/docs/Web/API/HTMLStyleElement – recursive

試試這個：

<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。您可以通過將禁用改回爲false來重新啓用它。希望工程。

來源

2016-03-16 22:38:33 TMKAB121

你能提供一個引用嗎？我從來不知道禁用樣式元素會關閉它的規則！ –

@StephenP請參閱[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）和[StyleSheet.disabled]（https://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#樣式表樣式表禁用）。 – Oriol

對不起，我手邊沒有參考。我很久以前就用這個技巧來強制關閉打印模式的css。它也適用於外部的css文件。 [w3schools]（http://www.w3schools.com/jsref/prop_html_disabled.asp）參見示例2。 – TMKAB121

將<style>設置爲禁用

回答

相關問題