包含/排除輸入由它的類型

Question

格式化以下CSS將使所有的輸入紅色內div class="field_error"

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

是否可以說

情況1）排除類型=按鈕？ 情況2）只適用type = text？

我該如何處理這兩種情況？

謝謝，

Answer 1

案例1： 您可以使用CSS3：不（）標籤排除式按鈕的輸入：

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

Answer 2

是，使用一個屬性選擇器：

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

通知的type=text濾波器。

在這種情況下，你不需要明確排除type=button，因爲你只關心匹配type=text