html - Firefox 中的转换属性和下拉错误

Question

我在使用 css 属性 transform:translate 使弹出窗口居中的弹出容器中的表单出现问题。

我有一个带有选择字段的表单，下拉列表不会随其余内容一起移动。如果弹出窗口没有 transform 属性，它们将位于弹出窗口所在的位置。

这只发生在 Firefox 中。我已经尝试将 transform:none 添加到选择字段和子元素，以及使用与弹出窗口相反的转换，但没有任何效果。有谁知道解决这个问题？谢谢。

Answer 1

原来是弹出窗口上的动画样式属性。我将其删除并繁荣，恢复正常。谢谢 Gaby aka G. Petrioli 的回复。

.smile-3DRotateBottom {
-webkit-animation-name: smile-3DRotateBottom;
animation-name: smile-3DRotateBottom;
-webkit-perspective: 1300px;
perspective: 1300px;
-webkit-transform-style: preserve-3d;
transform-style: preserve-3d;
-webkit-transform-origin: 0 100%;
transform-origin: 0 100%;