CSS 自定义滚动条样式:针对 webkit 内核的游览器,使用下列伪类改变滚动条默认样式。
::webkit-scrollbar //滚动条整体部分
::webkit-scrollbar-thumb //滚动条内滑块(上下或左后移动)
::webkit-scrollbar-track //滚动条轨道
::webkit-scrollbar-button //滚动条轨道两端的按钮
::webkit-scrollbar-corner //滚动条边角,即垂直滚动条与水平滚动条相交的地方
案例:
<html>
<header>
<meta charset="uft-8">
<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
<title>css</title>
</header>
<style>
#one{
width:300px;
height:600px;
overflow:hidden;
overflow-y:auto;
}
#one>div{
width:100%;
height:300px;
background-color:yellow;
}
#one::-webkit-scrollbar{
width: 4px;
}
#one::-webkit-