Ritjoslas krāsa - CSS-triki | CSS almanahs 2025

scrollbar-colorĪpašums kontrolē divas krāsas kādas ritjoslas: no īkšķa krāsu un dziesmu krāsu . scrollbar-colorir daļa no CSS darba grupas Ritjoslu moduļa 1. līmeņa projekta, kas šajā rakstā joprojām tiek turpināts.

Pirms tam scrollbar-colorizstrādātājiem nebija standarta veida, kā mainīt pārlūkprogrammas ritjoslu noklusējuma izskatu, neizmantojot ritināšanas joslas slēpšanu, izmantojot overflow: hiddenun balstot uz JavaScript balstītas ritjoslas, vai izmantojot pārlūkprogrammas prefiksu ritjoslas atribūtus. No scrollbar-colorotras puses, mēs varam veidot ritināšanas joslas stilu, lai tas atbilstu dizainam, neizmantojot pārlūkprogrammas funkcionalitāti vai izmantojot pārdevēja prefiksus.

.scrollable-element ( scrollbar-color: red yellow; )

Ej mežonīgs, izmantojot pielāgotas krāsas

scrollbar-colorpieņems arī lietotāja preferenču vērtības darkun lightatbilst tām, ja viņi Mac OSX izmanto kaut ko līdzīgu tumšajam režīmam.

.scrollable-element ( scrollbar-color: dark; )

Sākot ar 2019. gada martu, atbalsts darkun lightvērtības nav pieejams nevienā pārlūkprogrammā. tiek atbalstīts pārlūkprogrammā Firefox. Sīkāku informāciju skatiet pārlūkprogrammas atbalsta sadaļā.

Sintakse

scrollbar-color: auto | dark | light | ;

Vērtības

scrollbar-color pieņem šādas vērtības:

auto ir noklusējuma vērtība un padarīs lietotāja aģenta standarta ritjoslas krāsas.
dark liks lietotāja aģentam izmantot tumšākas ritjoslas, lai tās atbilstu pašreizējai krāsu shēmai.
light liks lietotāja aģentam izmantot vieglākas ritjoslas, lai tās atbilstu pašreizējai krāsu shēmai.
norāda divas krāsas, kas jāizmanto ritjoslai. Pirmā krāsa ir “īkšķim” vai ritināmās joslas kustīgajai daļai, kas parādās augšpusē. Otrā krāsa ir paredzēta “celiņam” vai ritināšanas joslas fiksētajai daļai.