css – 将webkit滚动条样式应用于指定的元素

前端之家收集整理的这篇文章主要介绍了css – 将webkit滚动条样式应用于指定的元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我是新的伪元素,前缀为双冒号。我碰到一篇博客文章,讨论滚动条的样式使用一些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的滚动条自定义,但主窗口的滚动条保持默认。

http://jsfiddle.net/mrtsherman/4xMUB/1/

解决方法

你的想法是正确的。但是,div :: – webkit-scrollbar与div后的空格的符号实际上与div * :: – webkit-scrollbar相同;此选择器意味着“< div>”内的任何元素的滚动条。使用div :: – webkit-scrollbar。

参见http://jsfiddle.net/4xMUB/2/演示

原文链接:https://www.f2er.com/css/221388.html

猜你在找的CSS相关文章