css - 按类型包括/排除输入格式

Question

以下 css 将使 a 内的所有输入变为红色div class="field_error"

div.field_error input{  
    color: red;
    border: 2px solid #FF0000; 
}

是否可以说

案例1）排除类型=按钮？案例 2) 仅适用 type=text ？

我该怎么做这两种情况？

谢谢，

Answer 1

是的，使用属性选择器：

div.field_error input[type=text] {  
    color: red;
    border: 2px solid #FF0000; 
}

注意type=text过滤器。

在这种情况下，您不需要明确排除type=button，因为您只关心匹配type=text

Answer 2

案例 1：您可以使用 CSS3 :not() 标签来排除类型按钮的输入：

div.field_error input:not([type=button]) {  
    color: red;
    border: 2px solid #FF0000; 
}

案例2：这只选择文本输入并将它们涂成红色：

div.field_error input[type=text] {  
    color: red;
    border: 2px solid #FF0000; 
}