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

Question

How can I hide all checkboxes at once using CSS?

As of now I have the following:

#checkbox
{
  display:none
}

But this isn't working / being applied.

Answer 1

You can do it by using a selector, by element and type:

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

Answer 2

It works,test is the class name for div.

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

Answer 3

This should work

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