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;
}

Результат:

Տես նաև

  • :read-write կեղծդասը,
    որը ոճ է սահմանում փոփոխման համար հասանելի ինփութների համար
  • :default կեղծդասը,
    որը ոճ է սահմանում սկզբնադիր տարրերին
  • :indeterminate կեղծդասը,
    որը ոճ է սահմանում անորոշ վիճակում գտնվող անջատիչներին
  • :optional կեղծդասը,
    որը ոճ է սահմանում ինփութին, որին չի տրված required ատրիբուտը
  • :placeholder-shown կեղծդասը,
    որը ոճ է սահմանում տարրերին հուշագրի տեքստի ցուցադրման ժամանակ
  • :required կեղծդասը,
    որը ոճ է սահմանում ինփութին, որին տրված է required ատրիբուտը
  • :focus-within կեղծդասը,
    որը ոճ է սահմանում ֆոկուսում գտնվող տարրերին
  • caret-color հատկությունը,
    որը սահմանում է տեքստային կուրսորի գույնը ինփութում