我有带有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;
}