2011-07-27 4 views
0

입력 요소 바로 뒤에있는 스팬을 입력하려고 할 때 입력에 포커스가있는 경우 표시하려고합니다.
IE7을 제외한 모든 브라우저에서 작동 :: IE5에서 인접 선택기로 포커스가 작동하지 않습니다.

input:focus + span{ .. } // won't work 
input + span{ .. }  // does work 

사람은이 알려진 버그 인 경우 아는 사람?
Google에서 이에 대한 정보를 찾지 못했습니다.

답변

1

인터넷 익스플로러 7은 지원하지 않습니다

element.onfocus = function() { 
    this.className = "theFocusCssRuleClass"; 
} 

element.ononblur = function() { 
    this.className = "theNormalCssRuleClass"; 
} 
+0

호맨, 맞습니다. 너무 원시적 인. – vsync

+1

@vsync : 죄송합니다. 귀하의 의견을 이해하지 못합니다. – Ibu

1

않습니다 초점

내가 생각할 수있는 유일한 해결책은 IE

예에이 효과를 시뮬레이션하기 위해 자바 스크립트 onfocusonblur을 사용하는 것입니다 지원하지 않는 :focus을 추가 할 수 있습니다.

<!--[if lt IE 8]> 
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE8.js"></script> 
<![endif]--> 

MSIE5.5-7을 MSIE8과 호환되도록 업그레이드하십시오.

+0

ha, adan adwards, 전이 스크립트를 몇 년 전에 사용해 왔습니다. – vsync

+0

JS를 직접 작성할 수는 있지만 재미있는 것을 위해 순수 CSS 솔루션을 원했습니다. 이러한 종류의 일에 JS 사용은 abomination – vsync

+0

(p, a, c, k, e, r)으로 간주됩니까? 즉 7은 포커스를 지원하지 않으므로 불행히도 pur css가 발생하지 않습니다. – Sparkup

관련 문제