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;
}`