CSS 참조 설명서

CSS @규칙(RULES)

CSS 속성 전체

CSS 함수(Function)CSS 선택자 전체 매뉴얼

CSS :focus 페인트

CSS 페인트 :focus는 포커스를 받은 요소를 나타냅니다(예: 표单 입력). 사용자가 요소를 클릭하거나 터치하거나 키보드의 'tab' 키를 사용하여 선택할 때 트리거됩니다.

완전한 CSS 선택자 참조 매뉴얼

온라인 예제

입력 필드가 포커스를 받을 때 선택하는 스타일:

예제

!DOCTYPE　html>
<html>
<head>
<meta　charset="utf-8">　
<title>기본 튜토리얼(oldtoolbag.com)</title>　
<style>
input:focus
{
　　　　background-color:orange;
}
</style>
</head>
<body>
<p>텍스트 입력 필드 표单을 클릭하면 노란 배경을 볼 수 있습니다:</p>
<form>
First　name:　<input　type="text"　name="firstname"　/><br>
Last　name:　<input　type="text"　name="lastname"　/>
</form>
<p><b>주의:</b>　　:focus　作用于　IE8,DOCTYPE　해야 합니다</p>
</body>
</html>

테스트해 보세요 ‹/›

정의와 사용법

:focus 선택자는 포커스를 가진 요소를 선택합니다.

훈계: :focus 선택자는 키보드 이벤트나 다른 사용자 입력 요소를 받아들이는 요소입니다.

브라우저 호환성

표에서의 숫자는 이 속성을 지원하는 첫 번째 브라우저 버전 번호를 나타냅니다.

선택자
:focus	4.0	8.0	2.0	3.1	9.6

주의: 　:focus 선택자는 IE에서 선택자를 선택합니다8중에서 선언해야 합니다<!DOCTYPE> .