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

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

Синтаксис

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

Мисол

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

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

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

Результат:

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