一尘不染

将Webkit滚动条样式应用于指定元素

css

我是一个以双冒号为前缀的伪元素的新手。我碰到了一篇博客文章,讨论仅使用某些Webkit CSS的滚动条样式。伪元素CSS可以应用于单个元素吗?

/* This works by applying style to all scroll bars in window */
::-webkit-scrollbar {
    width: 12px;
}

/* This does not apply the scrollbar to anything */
div ::-webkit-scrollbar {
    width: 12px;
}

在这个小提琴中,我想使div的滚动条自定义,但是主窗口的滚动条保持默认状态。


阅读 262

收藏
2020-05-16

共1个答案

一尘不染

你的想法是正确的。但是,div ::-webkit-scrollbar后面带有空格的表示法div实际上与div *::-webkit- scrollbar; 相同。这个选择器的意思是“里面任何元素的滚动条<div>”。使用div::-webkit-scrollbar

2020-05-16