read-write 의사 클래스

read-write 의사 클래스는 값 변경이 가능한 입력 필드의 스타일을 지정합니다.

문법

css선택자:read-write {}

예제

데이터를 입력할 수 있는 입력 필드에 파란색 테두리를 설정해 보겠습니다:

html<p>
  <label>텍스트 입력</label>
  <input type="text">
</p>
<p>
  <label>읽기 전용 텍스트</label>
  <input type="text" value="text" readonly>
</p>

cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

함께 보기