如何为自定义属性添加display：none

Question

我为我的输入添加了一个自定义属性。如何为此自定义属性添加display:none？因为这不是类或ID。

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

Answer 1

您可以尝试使用CSS属性选择器。

  

CSS [attribute =“value”]选择器

     

[attribute =“value”]选择器用于选择具有指定属性和值的元素。

试试这个：

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

这将选择具有值为cusAttr

的myAttr属性的所有元素

但是如果你想更具体那么

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

和

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

更具体