반응형
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
body {
height: 1000vh;
margin: 50px;
}
input:focus {
background-color: tomato;
}
</style>
</head>
<body>
<div>
<input type="text" />
<input type="text" />
</div>
</body>
</html>
결과
커서로 클릭하거나 탭 키보드 버튼을 누르면 input 박스가 빨갛게 변한다.
반응형
'2. CSS' 카테고리의 다른 글
| CSS visited, hover, focus 동시에 사용하기 (1) | 2024.11.30 |
|---|---|
| CSS visited 로 링크 색상 변경하기 (0) | 2024.11.30 |
| CSS Hover 마우스 오버 시 버튼 색상 변경하기 (0) | 2024.11.30 |
| CSS active 버튼 클릭 시 색깔 바뀌기 (0) | 2024.11.30 |
| CSS 특정 단어가 포함된 placeholder 꾸미기 (0) | 2024.11.29 |