如何使用JQuery addClass覆盖嵌入样式？

我的页面中有一个嵌入式样式，用于设置表单中所有文本框的样式：

<style type="text/css">
input[type=text], [type=password] {
    border: 1px solid black; 
    font-family: Verdana, Arial, Georgia, 'Trebuchet MS', 'Times New Roman';
    font-size: 12px;
    height: 15px;
    margin: 0px;
    padding: 3px;
}

.invalidinput {
    border: 1px solid red; 
}
</style>

与此相反：

$(element).addClass("invalidinput");

我的问题是，如何使.addClass与我的嵌入式样式一起工作

---

谢谢。

这不起作用的原因是因为特殊性。

input[type=text]

选择器比

invalidinput

选择器更具体

这应该起作用：

[type=text]，[type=password]{
边框：1px纯黑；
/*其他样式*/
}
{
边框：1px纯黑；
}

或者只需将

输入

选择器添加到它们：

input[type=text], input[type=password] {
    border: 1px solid black; 
    /* other styles... */
}

input.invalidinput {
    border: 1px solid black; 
}

---

谢谢你，约瑟夫。我真不敢相信它这么简单！：）

$(element).addClass("invalidinput");

input[type=text], input[type=password] {
    border: 1px solid black; 
    /* other styles... */
}

input.invalidinput {
    border: 1px solid black; 
}