0

我有多个文本框的网页，我添加了 Ajax-ValidateCalloutExtender 来验证文本框，它工作正常。

我已添加 CCS 以将文本框突出显示为"Red"字段丢失，但它没有突出显示文本框边框为"Red"。

请参阅下面的代码，

<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;    
}
4

2 回答 2

1

你不见了border-width（默认为 0，这就是你看不到它的原因）。执行以下操作：

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

添加!important以强制覆盖以前的样式值。

希望有帮助

于 2013-10-21T08:47:33.507 回答
0

尝试 !important 覆盖：

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

接下来，确保 textarea 被正确渲染，并且包含类名的类属性被添加到文本框中，如下所示：

<textarea class="tkpdna_req_field_highlight" ... ></textarea>
于 2013-10-21T08:49:08.003 回答