css 设置滚动条样式、滑块高度及样式等

在CSS中，可以使用::-webkit-scrollbar和相关伪元素来为滚动条设置样式，但请注意这些伪元素是非标准的，主要用于WebKit浏览器，不被所有浏览器支持。

以下是一个设置滚动条样式和滑块高度的例子：

/* 设置滚动条的宽度和背景颜色 */
::-webkit-scrollbar {
    width: 12px;
    background-color: #f9f9f9;
}
 
/* 设置滚动条滑块的样式 */
::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #c1c1c1;
}
 
/* 设置滚动条滑块hover时的样式 */
::-webkit-scrollbar-thumb:hover {
    background-color: #a8a8a8;
}
 
/* 设置滚动条滑块被按下时的样式 */
::-webkit-scrollbar-thumb:active {
    background-color: #919191;
}
 
/* 设置滚动条的轨道样式 */
::-webkit-scrollbar-track {
    border-radius: 10px;
    box-shadow: inset 0 0 5px grey;
    background-color: #f0f0f0;
}

请注意，如果你需要跨浏览器兼容性，你可能需要使用第三方库或者JavaScript来设置滚动条样式。