css - タイプごとの入力フォーマットの包含/除外

Question

次のcssは、内部のすべての入力を赤にしますdiv class="field_error"

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

言うことは可能ですか

ケース1）type = buttonを除外しますか？ケース2）type = textのみを適用しますか？

これらの2つのケースをどのように行うことができますか？

ありがとう、

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() タグを使用して、type ボタンの入力を除外できます。

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