如何使用CSS隱藏所有複選框

Question

如何使用CSS一次隱藏所有複選框？

截至目前我有以下幾點：

#checkbox 
{ 
    display:none 
} 

但是，這是不工作/被應用。

Answer 1

您可以通過使用一個選擇，通過元素和類型做到這一點：

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

Answer 2

這應該工作

<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>​​​​​​​​​​​​​​​ 

Answer 3

它的工作原理，試驗是DIV類名。

.test input[type="checkbox"] { 
     display: none; 
    }