Question

如何为一组复选框提供相同的CSS类。谢谢。

Answer 1

没有“一个CSS类”这样的东西。 CSS包含rule sets，selectors（包括class selector）和属性，但不包含classes。这些是HTML概念。

如果您的意思是“一个HTML类”，那么只需为每个复选框添加一个具有相同值的类属性：

<input … class="foo">
<input … class="foo">
<input … class="foo">

如果您的意思是“编写与一组复选框匹配的选择器”，请使用attribute selectors：

input[type=checkbox][name=checkboxGroupName] { /* … */ }

如果没有其他类型的同名输入，您可以将第一个属性选择器退出。如果要匹配所有复选框而不仅仅是特定组中的复选框，则可以退出第二个属性选择器。

请注意， IE6不支持属性选择器，其他版本的IE在Quirks模式下可能不支持它们。如果这是一个问题，请改为修改标记并使用支持的选择器。

Answer 2

将 相同的班级名称 应用于所有人：

    <input tyep="radio" class="myclass" name="whatever" />
    <input tyep="radio" class="myclass" name="whatever" />
    <input tyep="radio" class="myclass" name="whatever" />

<强> CSS：

<style type="text/css">
.myclass
{
  color:#ff0000;
}
</style>

Answer 3

您应该将相同的类分配给您的复选框：

<input type="checkbox" class="yourclass" value="1">
<input type="checkbox" class="yourclass" value="1">

.yourclass 
{
    your styles here
}

类被设计为分配给多个元素，与id属性不同，id属性在页面中必须是唯一的。

<input type="checkbox" id="unique" value="1">

 #unique
 {
 different styles
 }

将CSS类归因于一组复选框

3 个答案: