예약자 텍스트의 색상을 변경하는 방법
- 이전 페이지 편집 가능 내용의 경계선
- 다음 페이지 텍스트 영역 크기 조정을 비활성화
CSS를 사용하여 예약자 속성의 색상을 변경하는 방법을 배웁니다.
예약자 텍스트의 색상을 변경하는 방법
第一步 - HTML 추가:
입력 요소를 사용하여 추가합니다. placeholder
속성:
<input type="text" placeholder="A red placeholder text..">
第二步 - CSS 추가:
대부분의 브라우저에서占位符 텍스트는 회색입니다. 이 설정을 변경하려면 ::placeholder
선택자를 사용하여占位符 스타일을 설정합니다.
주의하세요. Firefox는占位符에 낮은 불투명도를 추가하므로 우리는 opacity: 1
이 문제를 해결하기 위해.
::placeholder { color: red; opacity: 1; /* Firefox */ {} ::-ms-input-placeholder { /* Edge 12 -18 */ color: red; {}
관련 페이지
참조 매뉴얼:CSS ::placeholder 선택자
- 이전 페이지 편집 가능 내용의 경계선
- 다음 페이지 텍스트 영역 크기 조정을 비활성화