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

read-only псевдоклассы readonly атрибуту бар инпуттардын стилин аныктайт. Мындай инпут окуу гана үчүн, башкача айтканда, анын ичине маалымат киргизүү же өзгөртүү мүмкүн эмес, бирок аларды тандоо жана көчүрүп алууга болот.

Синтаксис

cssтандоочу:read-only {
  
}

Мисал

Окуу гана үчүн болгон инпутка бозомук-күлгүн чектерин коёлу:

html<p>
  <label>Текст киргизүү</label>
  <input type="text">
</p>
<p>
  <label>Текстти окуу</label>
  <input type="text" value="текст" readonly>
</p>

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

Результат:

Дагы караңыз