So ändern Sie den Stil der Bildlaufleiste

Dieses Mal zeige ich Ihnen, wie Sie den Stil der Bildlaufleiste ändern Vorsichtsmaßnahmen Hier ist ein praktischer Fall, schauen wir uns das an.

Unterstützt 360 extrem schnelles Chrome Firfox, unterstützt jedoch nicht ie9

/*滚动条样式*/::-webkit-scrollbar {/*滚动条整体样式*/
    width: 6px!important;;     /*高宽分别对应横竖滚动条的尺寸*/
    height: 6px!important;;
    background: #ffffff!important;;
    cursor: pointer!important;

}
::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
    border-radius: 5px!important;
    -webkit-box-shadow: inset 0 0 5px rgba(240,240,240,.5)!important;;
    background: rgba(95,168,255,0.8)!important;;
    cursor: pointer!important;
}
::-webkit-scrollbar-track {/*滚动条里面轨道*/
    -webkit-box-shadow: inset 0 0 5px rgba(240,240,240,.5)!important;;
    border-radius: 0!important;;
    background: rgba(240,240,240,0.5)!important;;
    cursor: pointer!important;
}

Ich glaube, dass Sie die Methode beherrschen, nachdem Sie den Fall in diesem Artikel gelesen haben. Weitere spannende Informationen finden Sie hier die PHP-chinesische WebsiteAndere Artikel zum Thema!

Verwandte Lektüre:

table tr th und table tr td haben zu viele Schriftarten, wie man das Problem mit CSS löst

WOW.js, das die Seite bewegt

So stellen Sie ein, dass der 360-Geschwindigkeitsmodus standardmäßig aktiviert ist

Das obige ist der detaillierte Inhalt vonSo ändern Sie den Stil der Bildlaufleiste. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!