Увеличение ширины полосы прокрутки в Firefox-html / css

Я видел некоторые вопросы по этому поводу, но эти вопросы не дали решения, которое могло бы работать для меня.

Я хочу увеличить ширина скроллбара элемента div. Размер div огромен, поэтому появилась горизонтальная полоса прокрутки. Теперь я хочу увеличить ширину этой полосы прокрутки для большей гибкости.
Поэтому я поискал и нашел следующую ссылку с кодом, который работает в браузере Chrome.
JSFiddle

::-webkit-scrollbar {

    width: 2em;

    height: 2em

}

::-webkit-scrollbar-button {

    background: #ccc

}

Но это не работает в Firefox. Я попытался заменить его. webkit с moz тоже не работал.

Я также обнаружил, что написание следующего кода в userContent.css-файл firefox может увеличить ширину полосы прокрутки, но 1) я не нашел, что userContent.css файл в windows 7. 2) я не могу зайти домой к пользователям, чтобы рассказать им, как увеличить ширину полосы прокрутки вручную: P это не решение.

/* Increase width of VERTICAL SCROLLBAR */

scrollbar[orient="vertical"], scrollbar[orient="vertical"] thumb, scrollbar[orient="vertical"] scrollbarbutton { min-width: 35px !important; -moz-appearance: none !important; }



/* Increase width of HORIZONTAL SCROLLBAR */

scrollbar[orient="horizontal"], scrollbar[orient="horizontal"] thumb, scrollbar[orient="horizontal"] scrollbarbutton { min-height: 35px !important; -moz-appearance: none !important; }

Есть ли способ увеличить ширину полосы прокрутки как в Chrome, так и в Firefox?? (Забудьте IE) я могу использовать html css javascript & jquery решения, но нет плагина scrollbar. Я должен преобразовать родную полосу прокрутки из браузеров.