목차
- :read-only 예제 - 읽기전용 요소 선택
- :read-only 정의
- :read-only 구문
:read-only 예제 - 읽기전용 요소 선택
<style>
input:-moz-read-write {background-color: yellow;} /* Firefox */
input:read-write {background-color: yellow;}
input:-moz-read-only {background-color: pink;} /* Firefox */
input:read-only {background-color: pink;}
</style>
<p>읽기 O , 쓰기 O : <input value="Homzzang.com"></p>
<p>읽기 O , 쓰기 X : <input readonly value="Homzzang.com"></p>
결과보기
:read-only 정의
readonly (읽기전용속성) 가진 요소를 선택.
1.
- CSS3
- IE 제외한 주요 최신 브라우저 모두 지원.
2. MDN :read-only 예제보기
https://developer.mozilla.org/en-US/docs/Web/CSS/:read-only
:read-only 구문
:read-only {
CSS 선언;
}