Readonly CSS 변경 - Readonly CSS byeongyeong

:read-only

:read-only CSS의 의사 클래스 (예 소자 나타내는 input 또는 textarea 사용자에 의해 편집 가능하지 않다).

input:-moz-read-only, textarea:-moz-read-only,
input:read-only, textarea:read-only {
  border: 0;
  box-shadow: none;
  background-color: white;
}

textarea:-moz-read-write,
textarea:read-write {
  box-shadow: inset 1px 1px 3px #ccc;
  border-radius: 5px;
}

<p contenteditable>This paragraph is editable; it is read-write.</p>

<p>This paragraph is not editable; it is read-only.</p>

p {
  font-size: 150%;
  padding: 5px;
  border-radius: 5px;
}

p:read-only {
  background-color: red;
  color: white;
}

p:read-write {
  background-color: lime;
}

Specifications

Browser compatibility

예

선택한 스타일 만 입력 요소 인 경우, "readonly" :

input:-moz-read-only { /* For Firefox */
    background-color: yellow;
}

input:read-only {
    background-color: yellow;
}

»그것을 자신을 시도

정의 및 사용

: 읽기 전용 선택은 요소 선택 "readonly" .

A의 양식 요소 "readonly" 속성으로 정의 된 "readonly" .

현재 대부분의 브라우저에서 : 읽기 전용 선택은 입력 텍스트 영역 요소에 적용하지만, 모든 요소에 적용해야합니다 "readonly" .

브라우저 지원

: 읽기 전용 선택은 크롬, 사파리와 오페라에서 지원됩니다.

읽기 전용 선택 : Internet Explorer는 지원하지 않습니다.

읽기 -moz-전용 선택 : 파이어 폭스는이 대안을 지원합니다.

CSS 구문

:read-only {
    css declarations ;
}

관련 페이지

CSS 선택기 : 읽기 - 쓰기

: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>

결과보기

• ��� ���� ����[9]
• ���� ���� ������å ����[5]
• �⼮üũ�� �����Ǿ����ϴ�.[11]

• ��������Ʈ
• �⼮üũ
• ����������

• �Ϲ�
  ȸ��
• ���
  ȸ��

• HTML/JS/CSS/jQuery/Ajax �������亯
• HOME > Q&A > HTML/JS/CSS/jQuery/Ajax �������亯

• �������

readonly �Ӽ��� ������ ��Ÿ�� ���� ����
�۾���	��ġ����	�� ¥	10-07-23 13:31	�� ȸ	7463
����URL	https://www.phpschool.com/link/qna_html/175088 ���� SyntaxHighlight�� ����
<input type=text readonly> �̷��� Ȩ������ ��ü���� �Է�â�� readonly �Ӽ��� ������ �� �Է�â�� ������ �ٲٴ� ����� ���� �������? �Ӹ����� �߻����� ��Ʈ�� �ֽʽÿ�. �亯ä���� 100% ��õ 0 �� ������ ������ �Ǿ�����? ����õ 0 �� ������ ������ �ȵ˴ϴ�.

• �������

• �ű� ��õ �亯 ��ȸ
• �Խù� 84,261��
  

• ����

• 0��õ 3�亯���� 8��ȸ

• 0��õ 0�̴亯 46��ȸ

• 0��õ 7�亯�Ϸ� 151��ȸ

• 0��õ 4�亯�Ϸ� 152��ȸ

• 0��õ 4�亯�Ϸ� 108��ȸ

• 0��õ 3�亯���� 101��ȸ

• 0��õ 6�亯�Ϸ� 47��ȸ

• 0��õ 1�亯���� 35��ȸ

• 0��õ 2�亯���� 64��ȸ

• 0��õ 3�亯�Ϸ� 40��ȸ

• 0��õ 1�亯���� 28��ȸ

• 0��õ 2�亯���� 71��ȸ

• 0��õ 2�亯�Ϸ� 58��ȸ

• 0��õ 2�亯���� 34��ȸ

• 0��õ 5�亯�Ϸ� 35��ȸ

• 0��õ 4�亯���� 86��ȸ

• 0��õ 1�亯���� 57��ȸ

• 0��õ 6�亯�Ϸ� 44��ȸ

• 0��õ 1�亯���� 50��ȸ

• 0��õ 2�亯�Ϸ� 155��ȸ

1 2 3 4 5 6 7 8 9 10