如何添加顯示：無自定義屬性

Question

我爲我的輸入添加了一個自定義屬性。如何爲此自定義屬性添加display:none？因爲這不是類或ID。

<input type="text" myAttr="cusAttr"> 

Answer 1

您可以嘗試CSS屬性選擇器。

CSS [屬性= 「值」]選擇

的[屬性= 「值」]選擇器用於選擇具有指定的屬性和值的元素。

試試這個：

input[myAttr="cusAttr"]{ 
    display:none; 
} 

Answer 2

這就是所謂的CSS Attribute Selectors

此

<section myAttr="cusAttr"></section> 

CSS將

[myAttr~="cusAttr"]{ 
    display : none; 
} 

在輸入的情況下

<input type="text" myAttr="cusAttr"> 

CSS

[myAttr="cusAttr"]{ 
    display:none; 
} 

這將選擇所有擁有財產myAttr與價值cusAttr元素

但是，如果你想更具體的再

input[myAttr~="cusAttr"]{ 
    display : none; 
} 

and

section[myAttr="cusAttr"]{ 
    display:none; 
} 

更具體