Css 如何为自定义属性添加显示:无

Css 如何为自定义属性添加显示:无,css,Css,我已为输入添加了一个自定义属性。如何为该自定义属性添加display:none?因为这不是类或id <input type="text" myAttr="cusAttr"> 您可以尝试CSS属性选择器 CSS[attribute=“value”]选择器 [attribute=“value”]选择器用于选择具有指定属性和值的元素 试试这个: input[myAttr="cusAttr"]{ display:none; } 它叫 为此 <section myAttr="

我已为输入添加了一个自定义属性。如何为该自定义属性添加
display:none
?因为这不是类或id

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

您可以尝试CSS属性选择器

CSS[attribute=“value”]选择器

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

试试这个:

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

为此

<section myAttr="cusAttr"></section>
在输入的情况下

<input type="text" myAttr="cusAttr">
这将选择具有属性myAttr和值cusAttr的所有元素

但是如果你想更具体的话

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


是否更具体

添加此css:input[myAttr=“cusAttr”]{display:none;}可能的重复项在发布此问题之前您是否尝试过在谷歌上搜索它?如果没有,你能看看这个URL吗?如果我这样给出
解决方案是什么
section[myAttr=“cusAttr”]{display:none;}
是否正确?只需将
input
替换为
section
。如果不正确,您可以简单地尝试此选择器:
[myAttr*=“cusAttr”]
。这将隐藏具有
myAttr
属性值且包含
cusAttr
的所有元素。我可以使用
吗?不能像这样使用
。不能使用[myAttr~=“cusAttr”]
是的,可以使用具有此属性的任何psedo类
[myAttr="cusAttr"]{
    display:none;
}
input[myAttr~="cusAttr"]{
    display : none;
}
section[myAttr="cusAttr"]{
    display:none;
}