CSS - Farbige Scrollleiste

Ab Firefox 65 ist es möglich die Scrollleisten einzufärben.

Farbige Scrollleiste mit dem Mozilla Firefox

<style>

div#container {
 
height100px;
 
overflowAuto;
 
scrollbar-colorblue lightgray;
}
</
style>

<
div id="container">Lorem Ipsum ...</div>

Es werden bisher nur Farbnamen (red, green, blue, yellow, …) unterstützt.
Mit der Angabe: scrollbar-width: thin; wird eine schmale Scrollleiste angezeigt.

Schmale Scrollleiste mit dem Mozilla Firefox

Bausteine

Eine zufällige Auswahl von „Bausteinen” (Snippets) aus den Bereichen CSS, PHP, JavaScript und MySQL.

CSS - Nur gefüllte Tabellenzellen hervorheben

PHP - Dateigröße ermitteln und Maßeinheit anzeigen

JavaScript - Eine Animation ab einer bestimmten Scroll-Position starten

MySQL - Datensätze (Gehalt) zwischen 2000 und 3000 anzeigen