CSS: accent-color

Brendiranje spletnih strani po celostni grafični podobi storitve ali podjetja je ustaljen proces. Vendar pa so deli strani oz. kode, kjer je slednje omejeno.

Eden takšnih delov so tudi vnosne forme oz. t. i. obrazci. Nekoč smo slednje oblikovali okrog ali s pomočjo slik, ozadji, … kasneje so prišle obrobe in sedaj t. i. “accent-color”. Kljub temu, da je bila podpora v naprednejših brskalnikih uvedena med letoma 2021-2022 slednje funkcionalnosti veliko spletnih strani še ne uporabljajo pri svojem oblikovanju.

Kaj naredi CSS funkcija “accent-color”

CSS “accent-color” nam omogoča spreminjanje barve elementov vnosnih obrazcev iz osnovnih nastavitev brskalnika v lastne barve. Te elementi so <input type=”checkbox”>, <input type=”radio”>, <input type=”range”> in <progress>. Dodatne informacije: Widget Accent Colors: the accent-color property in accent-color.

Primer uporabe

See the Pen
CSS: accent-color
by Ziga (@pomagalnik)
on CodePen.

Komentiraj


*