滚动条样式实际应用
此示例定义了一个薄滚动条，带有红色滑块和橙色轨道。要查看滑块，你需要滚动文本。滚动条可见后，将鼠标悬停在其上以查看轨道。
.poem {
width: 300px;
height: 100px;
border: 1px solid;
}
css.poem {
overflow: scroll;
scrollbar-color: red orange;
scrollbar-width: thin;
}
A Small Needful Fact
Is that Eric Garner worked
for some time for the Parks and Rec.
Horticultural Department, which means,
perhaps, that with his very large hands,
perhaps, in all likelihood,
he put gently into the earth
some plants which, most likely,
some of them, in all likelihood,
continue to grow, continue
to do what such plants do, like house
and feed small and necessary creatures,
like being pleasant to touch and smell,
like converting sunlight
into food, like making it easier
for us to breathe.
>
- Ross Gay
注意：自定义滚动条时，请确保滑块和轨道与周围背景有足够的对比度。此外，请确保滚动条的点击区域足够大，以方便使用触摸输入的用户。