2013-10-21 38 views
0

我有多个文本框的网页,我加入了Ajax的ValidateCalloutExtender验证文本框,它是工作的罚款失踪。文本框的边框颜色为现场使用CSS

我已经加入CCS突出文本框是“红”现场失踪,但它并不突出文本框的边框是“红”

见我的编码下面,

<td> 
<asp:TextBox ID="txtPlanName" runat="server" Width="250px" BorderColor="#669999"      
        BorderStyle="Solid" BorderWidth="1px"></asp:TextBox> 
<asp:RequiredFieldValidator ID="RequiredFieldValidator1" runat="server" ErrorMessage="Please enter your Plan Name" Display="None" SetFocusOnError="true" ControlToValidate="txtPlanName" ForeColor="Red"></asp:RequiredFieldValidator> 
<asp:ValidatorCalloutExtender ID="ValidatorCalloutExtender1" TargetControlID="RequiredFieldValidator1" Enabled="true" runat="server" HighlightCssClass="tkpdna_req_field_highlight" ></asp:ValidatorCalloutExtender>   
</td> 

CSS

.tkpdna_req_field_highlight {  
border-color:Red; 
border-style:solid;  
} 
+1

您可能必须给它一个边框宽度,为此可以使用简写:'border:1px solid red'。 – GolezTrol

+0

让我试试添加.. –

+0

你是否检查过在出现错误的情况下tkpdna_req_field_highlight类实际上被添加到文本框元素? – Danield

回答

1

你缺少border-width(即0为默认值,这就是为什么你看不出来)。 做如下:

.tkpdna_req_field_highlight {  
    border:solid 1px red !important; 
} 

加入!important迫使以往风格值的覆盖。

希望帮助

0

尝试的重要替代:

.tkpdna_req_field_highlight {  
border: 1px solid red !important;  
} 

旁边的是,确保textarea的是正确地呈现,并包含类名类的属性添加到文本框,像这样:

<textarea class="tkpdna_req_field_highlight" ... ></textarea> 
+0

嗨阿娇,它没有显示任何东西(我正在使用asp文本框)。我试过使用class/CssClass但没有运气... –

+0

我可以看到呈现的文本框吗? (当你看视图源) –

+0