css의:focus 선택기 사용법 소개

1026 단어
css의:focus 선택기 사용법 소개: 본 장은 코드 실례를 통해 소개합니다:focus 선택기의 역할, 필요한 친구에게 도움을 줄 수 있기를 바랍니다.이 선택기는 초점을 가진 요소와 일치할 수 있습니다.키보드 이벤트를 받거나 다른 사용자가 입력한 요소를 사용할 수 있습니다: 포커스 선택기.브라우저 지원: (1).이 선택기는 IE8 및 IE8 이상의 브라우저에서 지원됩니다.(2).구글 브라우저는 이 선택기를 지원합니다.(3).이 선택기는 파이어폭스 브라우저에서 지원됩니다.(4).이 선택기는 Safari 브라우저에서 지원됩니다.(5).이 선택기는 Opera 브라우저에서 지원됩니다.코드 인스턴스:
<!DOCTYPE html>
<html>
<head>
<meta charset=" utf-8">
<meta name="author" content="http://www.softwhy.com/" />
<title>    </title>
<style>
input{
  width:200px;
  height:18px;
}
input:focus{
  color:blue;
}
</style>
</head>
<body>
<input type="text" value="    ">
</body>
</html>

텍스트 상자에 초점을 맞출 때 텍스트 색을 설정할 수 있습니다.
원래 주소:http://www.softwhy.com/forum.php?mod=viewthread&tid=16356
자세한 내용은 다음을 참조하십시오.http://www.softwhy.com/divcss/

좋은 웹페이지 즐겨찾기