2013-10-21 77 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