read-write ප්‍රත්‍යක්ෂ පන්තිය

read-write ප්‍රත්‍යක්ෂ පන්තිය වෙනස් කළ හැකි අගයන් සහිත ආදාන සඳහා විලාසය නියම කරයි.

වාක්‍ය රීතිය

cssතෝරන්නා:read-write {}

උදාහරණය

දත්ත ඇතුළු කළ හැකි ආදානයකට නිල් මායිම් සකසමු:

html<p>
  <label>පෙළ ඇතුළු කරන්න</label>
  <input type="text">
</p>
<p>
  <label>පෙළ කියවන්න</label>
  <input type="text" value="text" 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 ගුණය,
    ආදානයක තහඩු අකුරු කැරස්ටරය සඳහා වර්ණය නියම කරයි