반응형
<!DOCTYPE html>
<html lang="kr">
<head>
<title>The Nick Times</title>
<style>
body {
height: 1000vh;
margin: 50px;
}
input::placeholder {
color: slateblue;
}
</style>
</head>
<body>
<form>
<input type="text" placeholder="name" />
</form>
</body>
</html>
결과
input 박스 안의 placeholder 색상이 slateblue로 변경되었다.
(하지만 input 안에 텍스트를 입력하면 텍스트는 여전히 검정색임)
반응형
'2. CSS' 카테고리의 다른 글
| CSS color 컬러의 종류 / :root { --main color: ;} (0) | 2024.12.03 |
|---|---|
| CSS selection (문구 드래그 시 색상 변경하기) (0) | 2024.11.30 |
| CSS 마우스 hover시 input 박스 색상 변경하기 (0) | 2024.11.30 |
| CSS focus-within 태그 적용하기 (0) | 2024.11.30 |
| CSS visited, hover, focus 동시에 사용하기 (1) | 2024.11.30 |