[selector] CSS - :read-only 가상선택자 - 읽기전용요소 (= readonly속성있는요소 = :read-only선택자 = 리드온리선택자)

1. :read-only 예제 - 읽기전용 요소 선택
2. :read-only 정의
3. :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 선언;

}