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.

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.

• javascript
• jquery
• css

• You need to specify appropriate selector to refer any element from your html. This can be done either by specifying id, class or just name of the tag. using id is bad idea in this case as it needs to be unique for all the elements. You can use classes also but as you want to hide all the elements on the page just use input[type='checkbox']. (This is an attribute selector as input can be any of text, radio, checkox etc) – Ashwin Commented Oct 24, 2011 at 9:21

3 Answers 3

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

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

It works,test is the class name for div.

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

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