كيف يمكن التحكم بشريط التمرير الجانبي للصفحة ؟؟

وجدت هذا الكود يمكن من خلاله التحكم بشريط التمرير الجانبي , لكن المشكلة انه يعمل على كروم فقط  ولا يعمل مع المتصفح فايرفوكس ولا مع المتصفح اكسبلورر  :( 

الكود

<style type="text/css">
::-webkit-scrollbar{
width:12px;
overflow-y:scroll;
overflow-x:hidden;
padding:3px;
opacity:0.97;
background-color:#e5e9eb;
box-shadow:0px 5px 10px rgba(0,0,0,0.15);
-webkit-box-shadow:0px 5px 10px rgba(0,0,0,0.15);
-moz-box-shadow:0px 5px 10px rgba(0,0,0,0.15);
}
::-webkit-scrollbar-trick{
-webkit-box-shadow:inset 0 0 2px #9db5bf;
-webkit-border-radis:2px;
border-radius:2px;
}
::-webkit-scrollbar-thumb{
-webkit-border-radius:19px;
border-radius:19px;
backgrond:#e1e8eb;
-webkit-box-shadow:inset 0 0 2px #f00;
}
::-webkit-scrollbar-thumb:window-inactive{
background:#e1e8eb;
}
</style>

كيف استطيع تعديله ليعمل بشكل صحيح على باقي المتصفحات ؟؟؟؟؟؟

(f) رجاءً ساعدوني (f)