caret-color ගුණය

caret-color ගුණය මඟින් පෙළ ඇතුළත් කිරීමේදී පෙනෙන ආදානයක ඇති පෙළ කර්සරයේ වර්ණය නියම කරයි. මෙම ගුණයට අගයන් දෙකක් ලබා දිය හැක: auto (පෙරනිමිය) සහ පරිශීලකයා තෝරාගත් වර්ණය.

වාක්‍ය රීතිය

cssතෝරන්නා {
  caret-color: auto හෝ වර්ණය;
}

උදාහරණය

පෙළ කර්සරයේ වර්ණය පෙරනිමි ලෙස නියම කරමු:

html<input>
cssinput {
  padding: 5px;
  caret-color: auto;
}

Результат:

උදාහරණය

දැන් පෙළ කර්සරය නිල් වර්ණට වෙනස් කරමු:

html<input>
cssinput {
  padding: 5px;
  caret-color: blue;
}

Результат:

තවද බලන්න

  • :fullscreen සුළු-වර්ගය,
    පූර්ණ තිර ප්‍රකාරයේදී මූලද්‍රව්‍යවලට විලාසයක් නියම කරයි
  • :indeterminate සුළු-වර්ගය,
    නිශ්චිත නොවන තත්වයේ ඇති මාරු කරන්නන්ට විලාසයක් නියම කරයි
  • :focus-within සුළු-වර්ගය,
    අවධානය තුළ ඇති මූලද්‍රව්‍යවලට විලාසයක් නියම කරයි