按类型包含/排除输入格式

Question

以下css会使div class="field_error"

内的所有输入变为红色

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

可以说

案例1）排除type = button？ 情况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; 
}