Псевдокласс 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 белгилайди