html - CSS在非Firefox浏览器的<option>标记中不起作用

我的CSS代码是

.sele {
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    opacity: 0.75;
    margin: 0 10px 5px 0;
}
.sele:hover {
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    box-shadow:0px 0px 30px gray;
    -webkit-box-shadow:0px 0px 30px gray;
    -moz-box-shadow:0px 0px 30px gray;
    opacity: 1;
}

我在<option>标记中使用它，但是它仅与Mozilla Firefox一起使用，而不与其他人一起使用。
您可以通过http://jsfiddle.net/baibav/D5Fdq/5/实时浏览

最佳答案

尝试这个

.sele {
    transform:scale(0.8);
    -webkit-transform:scale(0.8);
    -moz-transform:scale(0.8);
    transition-duration: 0.3s;
    -webkit-transition-duration: 0.3s;
    -moz-transition-duration: 0.3s;
    -o-transition-duration: 0.3s;
    opacity: 0.75;
    margin: 0 10px 5px 0;
}
.sele:hover {
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -o-transform:scale(1.1);
    box-shadow:0 0 30px gray;
    -webkit-box-shadow:0 0 30px gray;
    -moz-box-shadow:0 0 30px gray;
    opacity: 1;
}

关于html - CSS在非Firefox浏览器的<option>标记中不起作用，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/17855133/