how to change browsers default scrollbar using css or jquery

Question

How to replace custom style scrollbar with default browser's scrollbar (i can able to change in chrome using webkit)

::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .4);
    background-color: #CFCFCF
}
::-webkit-scrollbar {
    width: 10px;
    background-color: #F5F5F5
}
::-webkit-scrollbar-thumb {
    background-color: #2C3E50
}

But i want to change in mozilla firefox too.. Help me pls

Answer 1

Using CSS you can only style the webkit's scrollbar.

If you want a cross browser solution you can use the following plugin:

http://jscrollpane.kelvinluck.com/

or you can choose any from the list given on the following link:

http://www.sitepoint.com/10-jquery-custom-scrollbar-plugins/