Псевдокласс read-only

Псевдокласс read-only readonly атрибути бор инпутларнинг стилини белгилайди. Бундай инпут фақат ўқиш учун мўлжалланган, яъни унга маълумот киритиш ёки ўзгартириб бўлмайди, лекин маълумотни танлаб, нусхалаб олиш мумкин.

Синтаксис

селектор:read-only {
	
}

Мисол

Келинг, фақат ўқиш учун мўлжалланган инпутга ўчок кулранг чегараларни белгилаб кўрамиз:

<p>
	<label>Матн киритинг</label>
	<input type="text">
</p>
<p>
	<label>Матнни ўқинг</label>
	<input type="text" value="matn" readonly>
</p>

input:read-only {
	border: 1px solid #D8DFE8;
}

Шунингдек қаранг

псевдокласс :read-write,
у ўзгартириш учун мумкин бўлган инпутларнинг стилини белгилайди
псевдокласс :default,
у сунгги қийматдаги элементларнинг стилини белгилайди
псевдокласс :indeterminate,
у аниқланмаган ҳолатдаги ўзгартиргичларнинг стилини белгилайди
псевдокласс :optional,
у required атрибути йўқ инпутнинг стилини белгилайди
псевдокласс :placeholder-shown,
у масала-йўриқ матни кўрсатилгандаги элементларнинг стилини белгилайди
псевдокласс :required,
у required атрибути белгиланган инпутнинг стилини белгилайди
псевдокласс :focus-within,
у диққат марказидаги элементларнинг стилини белгилайди
хусусият caret-color,
у инпутдаги матн курсорининг рангini белгилайди