javascript - 选择框在转换后在 Firefox 中移动 :scale()

Question

缩放的 DIV 包含两个选择框。由于缩放，选择框正在改变位置。但是在打开选择框后，选项显示在不缩放父 div 的位置

请检查 Fiddel:http://jsfiddle.net/wJ4H9/

在 FF 28 中失败

在 Chrome 和 Opera 中运行良好

代码:

<div style="transform: scale(0.8);transform-origin: center center 0px; position:absolute; top:0; left:0; bottom:0; right:0;">
    <select style="position:absolute; top:50%; left:50%"> 
        <option>1</option>
        <option>2</option>
    </select>

    <select style="position:absolute; top:60%; left:30%"> 
        <option>1</option>
        <option>2</option>
    </select>
</div>

谢谢你的建议

Answer 1

绝对是 Firefox 中的错误。您应该提交错误 here .

在 Chrome 中，添加 -webkit-transform:scale(0.8) 后，下拉菜单就会正确定位。 (参见 http://jsfiddle.net/wJ4H9/2/)但是，请注意选项没有按比例缩小。