2

我正在尝试更改滚动条样式。它在 chrome 和 opera 中工作，但在 Firefox 中不工作。

我的 webkit 代码如下所示：

body::-webkit-scrollbar-track
{
    -webkit-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-webkit-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;

}

body::-webkit-scrollbar-thumb
{
    background-color: #2CC185;  
    background-image: -webkit-linear-gradient(45deg,
                                              rgba(255, 255, 255, .2) 25%,
                                              transparent 25%,
                                              transparent 50%,
                                              rgba(255, 255, 255, .2) 50%,
                                              rgba(255, 255, 255, .2) 75%,
                                              transparent 75%,
                                              transparent)
}

对于这样的Mozilla：

body::-moz-scrollbar-track
{
    -moz-box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
    background-color: #F5F5F5;
}

body::-moz-scrollbar
{
    width: 7px;
    background-color: #F5F5F5;

}

body::-moz-scrollbar-thumb
{
    background-color: #2CC185;  
    background-image: -moz-linear-gradient(45deg,
                                              rgba(255, 255, 255, .2) 25%,
                                              transparent 25%,
                                              transparent 50%,
                                              rgba(255, 255, 255, .2) 50%,
                                              rgba(255, 255, 255, .2) 75%,
                                              transparent 75%,
                                              transparent)
}

它不适用于Firefox任何想法。

4

0 回答 0