read-write 의사 클래스
read-write 의사 클래스는 값 변경이 가능한 입력 필드의 스타일을 지정합니다.
문법
선택자:read-write {}
예제
데이터를 입력할 수 있는 입력 필드에 파란색 테두리를 설정해 보겠습니다:
<p>
<label>텍스트 입력</label>
<input type="text">
</p>
<p>
<label>읽기 전용 텍스트</label>
<input type="text" value="text" readonly>
</p>
input:read-write {
border: 1px solid #467CBC;
}
input:read-only {
border: 1px solid #D8DFE8;
}
:
함께 보기
-
:read-only의사 클래스,
변경할 수 없는 입력 필드의 스타일을 지정합니다. -
:default의사 클래스,
기본 요소의 스타일을 지정합니다. -
:indeterminate의사 클래스,
불확정 상태인 토글 스위치의 스타일을 지정합니다. -
:optional의사 클래스,
required 속성이 없는 입력 필드의 스타일을 지정합니다. -
:required의사 클래스,
required 속성이 설정된 입력 필드의 스타일을 지정합니다. -
:focus-within의사 클래스,
포커스된 요소의 스타일을 지정합니다. -
caret-color속성,
입력 필드의 텍스트 커서 색상을 지정합니다.
