我正在尝试创建一个滚动框,通过它我可以更改箭头的形状和颜色以及文本区域的背景。
我正在尝试创建与以下相同的滚动框,但无济于事。
最佳答案
您可以为 Chrome、Opera 和 IE 的滚动条设置样式。不幸的是,Firefox 不支持它。
此外,每个浏览器引擎都使用自己的前缀和属性来设置滚动条的样式,有些提供的比其他的更多。
WebKit 示例:
::-webkit-scrollbar {
width: 12px;
}
::-webkit-scrollbar-track {
background: grey;
}
::-webkit-scrollbar-thumb {
background: black;
}
网上有很多关于滚动条样式的资源。
底线是:
如果您想要 100% 的浏览器兼容性,请使用 JavaScript 解决方案(谷歌搜索“jquery scrollbars”)。
关于css - 自定义滚动框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40332116/