如何使用CSS隐藏所有复选框

Question

如何使用CSS一次隐藏所有复选框？

截至目前，我有以下内容：

#checkbox
{
  display:none
}

但这不起作用/正在应用。

Answer 1

您可以使用选择器，按元素和类型执行此操作：

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

Answer 2

它有效，test是div的类名。

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

Answer 3

这应该有效

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