-moz-transform通过丢失显示来中断选择控件

Question

如果有任何身体有线索，需要快速帮助。

当我应用-moz-transform:scale(1.45)（任何标量）时，下拉列表位置会从下拉框中更改。

{
    -moz-transform:scale(1.15);
    -moz-transform-origin: left top;
    -webkit-transform:scale(1.15);
    -webkit-transform-origin:left top;
    zoom:115%;
}

Answer 1

当你应用变换时，它有点像position:relative，因为元素会影响它周围的元素，就像它仍处于原始位置一样。在这种情况下，似乎Firefox正在使用select的原始位置来显示选项。

我认为您无法做到这一点，但您可以使用font-size: 125%而不是转换来解决这个问题。