Question

我的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/

上进行实时浏览

Answer 1

试试这个

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

CSS无法在<option>标签</option>中的非Firefox浏览器中运行

1 个答案: