Question

我在Wordpress网站上有一个滚动文本框。用户滑动垂直滚动条滚动文本。

有没有办法可以改变垂直滑动条的颜色和背景？这是我用来获取方框的代码

<div style="border: 4px solid #ffff00; overflow: auto; height: 150px; width: 640px; color:     white; background-color: #32cd32;">
<div style="text-align: left;">
<h1>Text</h1>

这里的文字文字在这里发短信

Answer 1

信用转到CSSTricks

小提琴：http://jsfiddle.net/GaurangTandon/E6GC6/2/embedded/result/

CSS：

::-webkit-scrollbar {
    width: 12px;
}

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
    border-radius: 10px;
}

::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

注意：这仅适用于-webkit-浏览器（Safari，Chrome）

Answer 2

是的你可以我在这里找到了一段代码与教程。 http://www.techforty.com/2014/02/How-to-change-the-color-of-scrollbars.html

自定义滚动条，滚动文本框 - wordpress

2 个答案: