2. CSS
CSS focus를 이용해서 input 박스 강조하기
도피디
2024. 11. 30. 15:27
반응형
<!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 박스가 빨갛게 변한다.
반응형