我有带有telerik控件的asp.net Web应用程序。

我在.aspx页面中有以下文本框:

 <telerik:RadTextBox ID="txtSearch" runat="server" Height="15" Width="115">
</telerik:RadTextBox>


我有验证

d textBox using JQuery as follows:

 $('#btnSearch').click(function () {
                if ($('#txtSearch_text').val() == '') {
                    $('#txtSearch_text').addClass('validation');
                    return false;
                }
                else {
                    $('#txtSearch_text').removeClass('validation');
                }
            });


在Validation类中,我将Border-left属性设置为1px solid Red
它可以正常工作,并且当用户在txtSearch TextBox中未插入任何值时单击按钮时,将左边框设置为红色

现在的问题是,当我将鼠标悬停在RedTextBox上时。 Telerik的内置CSS样式表执行后,我失去Border-left属性为none;

如何停止执行telerik的内置样式表并放置我的自定义CSS?

谢谢

最佳答案

尝试通过在:hover类上使用.validation伪类来覆盖样式表:

.validation,
.validation:hover {
    border-left: 1px solid Red;
}


或者,如果需要更高的specificity value

#parent .validation,
#parent .validation:hover {  /* Use a selector having higher specificity value */
    border-left: 1px solid Red;
}


最后,您可能需要使用!important关键字覆盖内联样式:

.validation,
.validation:hover {
    border-left: 1px solid Red !important;
}

09-09 22:03
查看更多