Question

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

我已添加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;    
}

Answer 1

你缺少border-width（默认为0，这就是你没看到的原因）。按照以下步骤进行：

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

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

希望有所帮助

Answer 2

尝试！important覆盖：

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

接下来，确保正确呈现textarea，并将包含classname的class属性添加到文本框中，如下所示：

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

使用CSS丢失字段的文本框边框颜色

2 个答案: