Barva ukazatele caret-color
CSS vlastnost caret-color dokáže obarvit blikající ukazatel ve formulářových polích.
Pro znázornění umístění, kde člověk zrovna píše, existuje tzv. caret (visuálně zpravidla blikající ukazatel).
Vlastnost caret-color dokáze tento ukazatel přebarvit nebo třeba úplně skrýt.
Podpora
Dobře podporovaná vlastnost fungující prakticky všude kromě IE a MS Edge (do verse nepoužívající Chromium).
Použití
element {
caret-color: red;
}Projevuje se potom nějak takto:
Může se projevit elementů umožňujících zadávat uživateli vstup, tj. <input>, <textarea> nebo cokoliv s atributem contenteditable.
Využití
Asi pouze v hodně ojedinělých případech. Barva ukazatele ve výchozím chování odpovídá hodnotě currentColor – je tedy stejná jako barva textu. Takové chování je většinou dostatečně dobré.
Nastavení málo kontrastního nebo dokonce průhledného caretu (caret-color: transparent) potom může uživatele dost mást.
Odkazy jinam
- MDN:
caret-color - CSS-Tricks:
caret-color
Související články
Poskakování obsahu akčních tlačítek
Jak vyřešit problém s poskakováním obsahu, když se změní textace nebo tučnost tlačítka.
Odeslání formuláře tlačítkem mimo něj
Jak odeslat formulář tlačítkem, které je mimo formulář.
Různá šířka <input type=number> s min/max
Proč má <input type=number> různou výchozí šířku v závislosti na min/max atributech.