如果只想对某一个div修改滚动条就在::添加class
/* 滚动条整体部分 */
::-webkit-scrollbar {
width:10px;
margin-right:2px
}
/* 滚动条两端的按钮 */
::-webkit-scrollbar-button {
width:10px;
background-color: yellow;
}
::-webkit-scrollbar:horizontal {
height:10px;
margin-bottom:2px
}
/* 外层轨道 */
::-webkit-scrollbar-track {
border-radius: 10px;
}
/*内层轨道,滚动条中间部分 */
::-webkit-scrollbar-track-piece {
background-color: #333333;
border-radius: 10px;
}
/* 滑块 */
::-webkit-scrollbar-thumb {
width:10px;
border-radius: 5px;
background: #CBCBCB;
}
/* 边角 */
::-webkit-scrollbar-corner {
width: 10px;
background-color: red;
}
/* 鼠标移入滑块 */
textarea::-webkit-scrollbar-thumb:hover {
background: #909090;
}