Comment modifier le style de la barre de défilement

Cette fois, je vais vous montrer comment modifier le style de la barre de défilement. Quelles sont les précautions pour modifier le style de la barre de défilement. Voici un cas pratique, jetons un oeil.

Prend en charge 360 ​​Chrome Firfox extrêmement rapide mais ne prend pas en charge 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;
}

Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention à. le site php chinoisAutres article connexe !

Lecture connexe :

table tr th et table tr td ont trop de polices, comment utiliser CSS pour le résoudre

WOW.js qui fait bouger la page

Comment activer le mode vitesse 360 ​​par défaut

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!