So legen Sie die Höhe der Bildlaufleiste in CSS fest

So legen Sie die Höhe der Bildlaufleiste in CSS fest: Verwenden Sie zunächst den Selektor „::-webkit-scrollbar“, um die gesamte Bildlaufleiste auszuwählen, und verwenden Sie dann das Höhenattribut, um die Höhe der Bildlaufleiste festzulegen Das Format ist „::-webkit-scrollbar{height:height“ value;}“.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, CSS3- und HTML5-Version, Dell G3-Computer.

CSS legt den Stil der Bildlaufleiste fest

Hinweis: Die durch die Bildlaufleiste festgelegte Breite und Höhe entsprechen der Breite der vertikalen Bildlaufleiste bzw. der Höhe der vertikalen Bildlaufleiste Die Werte werden nur vom Google-Browser-Bildlaufleistenstil eingeführt, häufig verwendete Attribute sind wie folgt:

::-webkit-scrollbar-track :: -webkit-scrollbar-track-piece ::-webkit-scrollbar-thumbSlider Hinweis: Die Breite und Höhe der Bildlaufleisteneinstellungen entsprechen der vertikalen Bildlaufleistenbreite und der horizontalen Bildlaufleistenhöhe, der vertikalen Bildlaufleistenhöhe und der horizontalen Bildlaufleistenbreite Werte können nicht geändert werden der Quellcode

/* 1,滚动条 */
     ::-webkit-scrollbar {
      width: 20px;          /* 纵向滚动条 宽度 */
      height: 15px;         /* 横向滚动条 高度 */
      background: pink;   /* 整体背景 */
      border-radius: 10px;  /* 整体 圆角 */
    }

::-webkit-scrollbar Gesamtstil der Bildlaufleiste und neuer Stil
Äußerer Track
Innerer Track, der das abdeckt Stil der äußeren Spur scrollbar-track
::-webkit-scrollbar- thumb:hover ::-webkit-scrollbar-thumb:vertical:hover	::-webkit-scrollbar-thumb:horizontal:hover
Slider Hover Vertical Slider Hover Horizontale Slider-Aufhängung	::-webkit-scrollbar-corner Ecke , der Schnittpunkt zweier Bildlaufleisten
	Lernvideo-Sharing: CSS-Video-Tutorial

Das obige ist der detaillierte Inhalt vonSo legen Sie die Höhe der Bildlaufleiste in CSS fest. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!