CSS를 사용하여 필드 누락 텍스트 상자 테두리 색

여러 텍스트 상자가있는 웹 페이지가 있고 텍스트 상자의 유효성을 검사하기 위해 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;  
}

출처

2013-10-21 MR E

줄 바꿈 너비를 지정해야합니다. 줄 바꿈 :'border : 1px solid red'를 사용할 수도 있습니다. – GolezTrol

내가 추가하려고하면 .. –

오류의 경우 tkpdna_req_field_highlight 클래스가 실제로 textbox 요소에 추가되는 것을 확인 했습니까 ?? – Danield

당신이 (기본으로, 이것은 당신이 표시되지 않는 이유는 0이다) border-width을 놓치고있어. 다음으로 수행

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

이전 스타일의 값의 재정의를 강제로 !important를 추가. 그에게

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

다음 텍스트 영역이 제대로 표시되어 있는지 확인하고 클래스 명을 포함한 클래스의 속성과 같이 텍스트 상자에 추가됩니다!

출처

2013-10-21 08:47:33 geevee

을하는 데 도움이

희망은 중요한 재정을보십시오 :

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

출처

2013-10-21 08:49:08

안녕 Gillian, 아무것도 표시되지 않습니다 (ASP 텍스트 상자 사용). 나는 클래스/CssClass하지만 행운을 사용했는데 ... –

렌더링 된 텍스트 상자를 볼 수 있습니까? (보기 소스를 볼 때) –

–

CSS를 사용하여 필드 누락 텍스트 상자 테두리 색

답변

관련 문제