read-write կեղծ դասը

read-write կեղծ դասը սահմանում է ոճ այն դաշտերին, որոնց արժեքները հասանելի են խմբագրման համար:

Շարահյուսություն

cssընտրիչ:read-write {}

Օրինակ

Եկեք սահմանենք կապտավուն եզրագիծ այն դաշտին, որի մեջ հնարավոր է մուտքագրել տվյալներ.

html<p>
  <label>Մուտքագրեք տեքստ</label>
  <input type="text">
</p>
<p>
  <label>Կարդացեք տեքստ</label>
  <input type="text" value="տեքստ" readonly>
</p>
cssinput:read-write {
  border: 1px solid #467CBC;
}
input:read-only {
  border: 1px solid #D8DFE8;
}

Результат:

Տես նաև

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