使 CSS 与非 Firefox 浏览器兼容

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

它在 Mozilla Firefox 上运行良好，但对 chrome 或 Internet Explorer 没有影响

Answer 1

首先我建议你看看this

这很奇怪...我已经在 5 种浏览器（Chrome、Mozilla、Safari、Opera、IE）上测试了您的代码，只有 IE 的转换有问题，您可以通过添加以下代码来解决它：

transform: scale(2,4);

查看fiddle here

编辑：我认为您不能直接在选择选项上使用它，但您已将选择标签包装在 div 中并将其应用于 div。

Example