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

Псевдокласс read-write қийматлари ўзгартирилиши мумкин бўлган инпутларнинг стилини белгилайди.

Синтаксис

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

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

<p>
	<label>Матн киритинг</label>
	<input type="text">
</p>
<p>
	<label>Мавжуд матн</label>
	<input type="text" value="text" readonly>
</p>

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

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