Класс CSS Gadient не работает в выпадающем списке SelectList Mozilla

Question

Это мой класс CSS Gadient, который отлично работает во всех браузерах, кроме Mozilla, и я использовал его для выбора списка в html и для выпадающего списка

.gradientButtonFro 
{
    `background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f3f2f7), color-stop(1, #dddce0));
    background:-moz-linear-gradient(top, #f3f2f7 5%, #dddce0 100%);
    background:-webkit-linear-gradient(top, #f3f2f7 5%, #dddce0 100%);
    background:-o-linear-gradient(top, #f3f2f7 5%, #dddce0 100%);
    background:-ms-linear-gradient(top, #f3f2f7 5%, #dddce0 100%);
    background:linear-gradient(to bottom, #f3f2f7 5%, #dddce0 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f2f7', endColorstr='#dddce0',GradientType=0);
    background-color:#f3f2f7;
    -moz-border-radius:11px;
    -webkit-border-radius:11px;
    border-radius:11px;
    border:1px solid #6a779e;
    display:inline-block;
    cursor:pointer;
    color:black;
    font-family:Arial;
    font-size:17px;
//  padding:18px 42px;
    text-decoration:none;
}`