jquery - 如果属性类已在 Jquery 中使用，如何向表单元素添加 css

Question

这可能是一个愚蠢的问题 - 我正在使用 Jquery 来验证表单。因此表单元素具有 class="required"属性。

input type="text" name="last_name" class="required"/>

现在，如果我想将一些 css 属性应用到此表单的输入字段 - 我该怎么做。

• 我不想为所有输入元素声明通用 css - 我已声明 css 如下:

input.form
{
    color: #000;
    background: #fff;
    border: 2px solid #E1E1E1;
    font-size: 16pt;    
    width:150px;
}

我想这样使用它

input class="form" type="text" name="last_name" class="required"/>

但这不起作用，因为这里有两个类属性。 那么我该如何处理这个问题。 谢谢

Answer 1

您可以根据需要为每个元素添加任意数量的类。在您的代码中，您可以这样声明:

<input class="form required" type="text" name="last_name" />

如果要将特殊 CSS 规则应用于仅包含“required”类的输入元素，只需添加以下内容:

input.required
{
    color:#f00;
}