чекбокс html

Ответ от Александр Ермилов[гуру]
input[type="checkbox"] {
margin:0;padding:0;
opacity:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
См. [ ], но это не будет работать в IE6
если делаете с поддержкой этого старья, то добавить класс <input class="checkbox" .../>
если уже используются какие-то классы, то делаете дополнительный класс по необходимости (классов у элемента может быть несколько - через пробел) .
но в вашем случае скрипт прописан только для одного чекбокса и логично предположить, что остальные чекбоксы "прятаться" тоже не должны.
поэтому у вас можно прописать стиль для id="checkbox1":
#checkbox1 {
margin:0;padding:0;
opacity:0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0);
}
Или input#checkbox1 (если угодно) -лучше после стилей для всех остальных input, если таковые будут
Выбор способа зависит от конкретной ситуации. Если у вас на сайте планируется два-три таких нестандартных элемента (остальные "обычные"), и у них уже есть какой-то идентификатор (например id), то стили можно прописать для этих идентификаторов через запятую: #checkbox1, #checbox2, #checbox3 { ...}
Когда таких элементов больше, то использовать класс для них.