UL 및 jQuery 유효성 검사를 사용하는 로그인 양식이 있습니다. IE7을 제외한 모든 브라우저에서 정상적으로 보입니다 (아래 IE6은 &)IE7 CSS 유효성 검사 오류 스타일 지정
IE7에서 label.error를 감싸는 li은 해당 단계에서 label.error가 숨겨져 있어도 전체 높이를 보여줍니다.
제발 도와 주실 수 있습니다. CSS로이를 해결할 방법을 찾지 못했고 jQuery에 너무 간단하게 의존하고 싶지 않습니다. 여기
는 URL, http://clintongreen.com/clients/researchreview/ 로그인 양식은 우측 상단에있는 "로그인"을 클릭 할 때 처음 같은 목록에 각 오류 레이블을 넣어 시도 할 것감사
을 표시 될 때 항목을 입력으로 사용합니다.
<li><input type="text" name="login_username" id="login_username" placeholder="Username ">
<label class="error" for="login_username" style="display:none;">Please enter your username</label></li>
이렇게하면 "빈"목록 항목이 제거되어 추가 줄 바꿈이 발생합니다. 로그인 상자의 크기가 설정되어 있으면 메시지가 표시 될 때 다음 행으로 넘어 가야합니다. (기본 디스플레이 인 인라인 대신 display : 블록을 지정할 수도 있습니다.)
개인적으로 양식 필드에 정렬되지 않은 목록을 사용하지 않고 필드 세트를 사용하고 (이 경우) 입력 및 레이블에 고정 폭 및 표시 : 블록을 지정합니다. 하지만 그건 나 뿐이야.
... 요청해야합니다 ...이 옵션과 같은 html을 변경하고 있습니까?
안녕하세요, 감사합니다.이 방법을 사용해 봤지만 label.error는 여백 위쪽 또는 아래쪽 스타일을 지원하지 않으므로 여전히 스타일 문제로 끝납니다. 건배 –
아 - 디스플레이를 사용하는 경우 : 블록 또는 디스플레이 : 인라인 블록. $ .show();로 지정할 수 있는지 확신 할 수 없다. $ .css ('display', 'block')를 명시 적으로 사용해야 할 수도 있습니다. – eric
쿨, 오늘 밤에 그걸 시험해 보겠습니다. –