Почему в firefox и explorer нету ползунка для скролла?

Question

[good_beginer]

Есть див с overflow: scroll; но он работает только в Хроме а в остальных браузерах это работает как overflow:hodden; хотя скрол отображается, стили сами по себе работают но ползунка нет..

.DivToScroll {
    border-radius: 0px 10px 4px 0px;
    font-weight: bold;
    padding: 10px 7px 5px;
}

.DivWithScroll {
    overflow: scroll;
    overflow-x: hidden;
}

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

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

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

}

и так же для moz/ms

Answer 1

[Dies Irae]

Потому что эти браузеры работают на других движках. Добавь для них параметры в css:
IE
Двигатель: Trident
CSS-префикс: -ms
EDGE
Двигатель: EdgeHTML
CSS-префикс: -ms
Firefox
Двигатель: Gecko
CSS-префикс: -moz
Opera
Двигатель: Presto → Blink 1
CSS-префикс: -o (Presto) и -webkit (Blink)
Safari
Двигатель: WebKit
CSS-префикс: -webkit
Chrome
Двигатель: WebKit → Blink 2
CSS-префикс: -webkit