css样式滚动条按钮

时间:2016-05-18 22:57:18

标签: css css3

有没有办法设置滚动条按钮箭头颜色的样式。每次我使用scrollbar-arrow-color:red;浏览器会覆盖它并将其交叉,所以我无法设置它的样式。有没有解决这个问题 - 你甚至可以做到这一点,如果有的话,有人可以为我做jsFiddle请。我正在使用chrome来做到这一点

1 个答案:

答案 0 :(得分:1)

我相信你所能做的就是为它添加一个背景图像,就像这样

.mydiv::-webkit-scrollbar-button:vertical {
    background: url('https://pixabay.com/static/uploads/photo/2015/10/07/10/55/arrow-975992_960_720.png') no-repeat center center;
    background-size:cover;
}

这里是Fiddle

并且some source material进行了广泛的研究