2011-10-24 9 views
0

CSSを使用して一度にすべてのチェックボックスを非表示にするにはどうすればよいですか?CSSを使用してすべてのチェックボックスを非表示にする方法

#checkbox 
{ 
    display:none 
} 

しかし、これが適用されている/働いていません。今、私は次のようしている

+0

htmlの要素を参照するには、適切なセレクタを指定する必要があります。これは、ID、クラス、またはタグの名前だけを指定することによって行うことができます。 idを使用することは、すべての要素に対して一意である必要があるため、この場合は悪い考えです。クラスも使用できますが、ページ上のすべての要素を非表示にしたい場合は、input [type = 'checkbox']を使用します。 (これは、入力がテキスト、ラジオ、チェックボックスなどのいずれかになる可能性があるため、属性セレクタです) – Ashwin

答えて

7

あなたは要素や種類によって、セレクタを使用してそれを行うことができます。

input[type="checkbox"] 
{ 
    display:none; 
} 
+0

IE 6以前はこのセレクタをサポートしていませんが、他のすべてのブラウザがサポートしています。 –

+1

@ PaulD.Waite IE6とは何ですか? :p –

+4

Heh! Hallowe'enが吸い込み、あなたの骨を冷やすための物語を聞いているので、子供たちが集まります。 –

0

これは

<style type="text/css"> 
     .checkboxs{ 
     display:none; 
     } 
     </style> 
    <form> 
    <input class="checkboxs" type="checkbox" name="vehicle" value="Bike" /> I have a bike<br /> 
    <input class="checkboxs" type="checkbox" name="vehicle" value="Car" /> I have a car 
    </form>​​​​​​​​​​​​​​​ 
+0

ラジオボタンはチェックボックスではなく、divを非表示にしています。 –

+0

Yup申し訳ありません;(エラーですが、divを使用してチェックボックスを非表示にすることができます:) – NeoStar

2

を動作するはずですそれは動作しますが、テストでは、DIVのクラス名です。

.test input[type="checkbox"] { 
     display: none; 
    } 
関連する問題