Quero personalizar uma barra de rolagem com CS

Use esse código CSS do WebKit, que funciona bem para o Safari e o Chrome:

::-webkit-scrollbar {
    width: 15px;
    height: 15px;
}

::-webkit-scrollbar-track-piece  {
    background-color: #C2D2E4;
}

::-webkit-scrollbar-thumb:vertical {
    height: 30px;
    background-color: #0A4C95;
}

Como posso fazer a mesma coisa no Firefox?

Eu sei que posso fazê-lo facilmente usando jQuery, mas eu preferiria fazê-lo com CSS puro, se possíve

Seria grato pelo conselho de alguém!