2012-03-21 15 views
5

入力テキストフィールドの周囲に赤い枠線がHTML形式で表示されます。しかし、CSSを使用してhtml形式でのテキスト入力の境界線

input { border: 1px solid #d66 } 

また、私のボタンの周りに赤い枠線(私はしたくない)を置きます。

input.button、input.submitまたはinput.textと{}内のものは何もしません。

テキスト入力のみで枠線を変更するにはどうすればよいですか?また、送信ボタンでのみフォントを変更するにはどうすればよいですか?私はIE9を使用しています。

ありがとうございます!

答えて

10

、テキストボックスをターゲットと利用できる多くの属性セレクタがあります

input[type="text"] { border: 1px solid #d66 } 

を使用するには。

はあなたが必要なものhttp://css-tricks.com/attribute-selectors/

3

を見てください属性セレクタです:

input[type="text"] { border: 1px solid #d66 } 

これは、タイプの入力を選択し、「テキストを。」

input[type="submit"] { border: 1px solid #d66 } 
input[type="checkbox"] { border: 1px solid #d66 } 

をしかし、また、これらのセレクタは、IE7および下でサポートされていないことに注意してください:

また、他の要素を選択するために、他の属性セレクタを使用することができます。

関連する問題