javascript - jQuery添加类，但没有视觉变化

我的JQuery代码将类添加到了html，但是我没有看到任何视觉变化，有人知道为什么吗？我正在使用DevExpress，Webforms。

.BoldRed {
    font-weight:bold;
    color:red;
}

function onTextBoxInit(s, e) {
    if (s.GetText().indexOf('1') > -1)
        $(s.GetInputElement()).addClass("BoldRed");
    else
        $(s.GetInputElement()).removeClass("BoldRed");
}

实际输出：

<input class="dxeEditArea_DevEx dxeEditAreaSys BoldRed" name="ctl00$ctl00$ASPxSplitter1$Content$ContentSplitter$MainContent$ASPxCallbackPanel1$ASPxFormLayout3$ASPxFormLayout3_E1" value="106971" id="ASPxFormLayout3_E1_I" onchange="aspxEValueChanged('ASPxFormLayout3_E1')" onblur="aspxELostFocus('ASPxFormLayout3_E1')" onfocus="aspxEGotFocus('ASPxFormLayout3_E1')" type="text" readonly="readonly" style="background-color: rgb(192, 224, 206);font-weight: bold;      color:red;">

最佳答案

内联样式比外部CSS具有更高的优先级。您的课程适用，但其规则已被书写。现在，您有两种可能：删除内联样式（首选），在想要的优先级更高的规则末尾添加！important。