滚动条的-moz-前缀在firefox中不起作用

Question

我正在尝试更改滚动条样式。它在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任何想法。