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

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

<强> Example

使CSS与非Firefox浏览器兼容

1 个答案: