Beispiel für reines CSS zum Ändern des Bildlaufleistenstils des Browsers

Beispiel für reines CSS zum Ändern des Bildlaufleistenstils des Browsers

Verwenden Sie CSS, um den Stil der Bildlaufleiste des Browsers zu ändern

::-webkit-scrollbar {
  Breite: .5rem;
  Höhe: .5rem;
  Hintergrund: hsla (0, 0 %, 100 %, 0,6);
}

::-webkit-scrollbar-track {
  Randradius: 0;
}

::-webkit-scrollbar-thumb {
  Randradius: 0;
  Hintergrundfarbe: rgba(95,95,95,.4);
  Übergang: alle .2s;
  Randradius: .5rem;

  &:schweben {
    Hintergrundfarbe: rgba(95,95,95, .7);
  }
} 

Das Obige ist der vollständige Inhalt dieses Artikels. Ich hoffe, er wird für jedermanns Studium hilfreich sein. Ich hoffe auch, dass jeder 123WORDPRESS.COM unterstützen wird.

<<:  Detaillierte Erläuterung des Bereitstellungsprozesses des SEATA-Transaktionsdienstes Docker

>>:  Verwendung und Verständnis von MySQL-Triggern

Artikel empfehlen

Detailliertes Tutorial zur Installation von SonarQube mit Docker

Inhaltsverzeichnis 1. Ziehen Sie das Bild 1.1 Zie...

Lösung zum Vergessen des Root-Passworts der MySQL 5.7- und 8.0-Datenbank

Hinweis: Um das Root-Passwort in MySQL 5.7 zu kna...

Vue realisiert die Bildschirmanpassung von Großbildschirmseiten

In diesem Artikel wird der spezifische Code von V...

HTML-Cellpadding- und Cellspacing-Attribute in Bildern erklärt

Zelle -- der Inhalt der Tabelle Zellenrand (Tabell...

Verwenden von NTP zur Zeitsynchronisierung in Ubuntu

NTP ist ein TCP/IP-Protokoll zur Zeitsynchronisie...

Detaillierte Erklärung der Prinzipien des responsiven Systems von Vue

Inhaltsverzeichnis Die Grundprinzipien des respon...

MySQL 5.6.27 Installations-Tutorial unter Linux

In diesem Artikel finden Sie das Installations-Tu...