Psevdo-sinif read-only

Psevdo-sinif read-only, readonly atributu olan inputlara stil təyin edir. Belə bir input yalnız oxumaq üçün nəzərdə tutulub, yəni ona məlumat daxil etmək və ya dəyişdirmək mümkün deyil, lakin onları seçmək və kopyalamaq olar.

Sintaksis

cssselektor:read-only {
  
}

Nümunə

Gəlin, yalnız oxumaq üçün nəzərdə tutulmuş inputa solğun-boz sərhəd təyin edək:

html<p>
  <label>Mətni daxil edin</label>
  <input type="text">
</p>
<p>
  <label>Mətni oxuyun</label>
  <input type="text" value="mətn" readonly>
</p>

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

Результат:

Həmçinin bax

:read-write psevdo-sinifi,
dəyişiklik üçün əlçatan olan inputlara stil təyin edir
:default psevdo-sinifi,
standart olaraq elementlərə stil təyin edir
:indeterminate psevdo-sinifi,
qeyri-müəyyən vəziyyətdə olan keçidlərə stil təyin edir
:optional psevdo-sinifi,
required atributu olmayan inputa stil təyin edir
:placeholder-shown psevdo-sinifi,
istifadəçi ipucu mətninin göstərildiyi elementlərə stil təyin edir
:required psevdo-sinifi,
required atributu təyin olunmuş inputa stil təyin edir
:focus-within psevdo-sinifi,
fokusda olan elementlərə stil təyin edir
caret-color xassəsi,
inputdakı mətn kursorunun rəngini təyin edir