더 "Try it Yourself" 아래의 예.
정의 및 사용
: 초점 선택은 포커스가있는 요소를 선택하는 데 사용됩니다.
Tip: : 초점 선택이 키보드 이벤트 또는 다른 사용자 입력을 받아 들일 요소에 허용됩니다.
번역: | CSS2 |
---|
브라우저 지원
표의 수치는 완전히 선택기를지지하는 제 브라우저 버전을 지정한다.
선택자 | |||||
---|---|---|---|---|---|
:focus | 4.0 | 8.0 | 2.0 | 3.1 | 9.6 |
Note: 경우 : 초점 IE8에서 작동하도록하는 <! DOCTYPE>를 선언해야합니다.
CSS 구문
더 예
예
경우 <input type="text"> 포커스를받을 점차적으로 100 픽셀 250 픽셀까지의 폭을 변경 :
input[type=text] {
width: 100px;
transition: ease-in-out, width .35s ease-in-out;
}
input[type=text]:focus {
width: 250px;
}
»그것을 자신을 시도 관련 페이지
CSS 자습서 : CSS 의사 클래스