თვისება 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,
    რომელიც ადგენს სტილს ფოკუსში მყოფ ელემენტებს