css - 使用 Firefox 在 div 内缩放输入不起作用?

标签 css firefox scaletransform

知道如何解决此 Firefox 功能障碍:combo-box 选项 (html select) 与 css 的不正确定位已应用缩放 转换。

我的 Firefox 版本是 49.0b1

当我在 css 中删除或替换比例(由另一个)转换 1.5 时,它会正确放置。

    body {
      transform-origin: 0px 0px 0px;
      transform: scale(1.5); //That does not work correctly
      border: solid red 1px;
    }

    #container {
      width: 1150px;
      height: 700px;
      position: relative;
      overflow: hidden;
      display: block;
      left: 50px;
      top: 200px;
      border: solid dodgerblue 1px;
    }
<body>
  <div id="container">
    <select name="select">
      <option value="value1">Value 1</option>
      <option value="value2" selected>Value 2</option>
      <option value="value3">Value 3</option>
    </select>
  </div>
</body>

Here a fiddle exemple

我已经知道这是一个 Firefox 错误,但是否有替代方案而不用另一个外部库替换标准 select

最佳答案

这是 Firefox 的一个错误:https://bugzilla.mozilla.org/show_bug.cgi?id=455164

目前唯一的解决方法似乎是使用替代方案,例如 Select2 .另请参阅此答案:https://stackoverflow.com/a/27134660

关于css - 使用 Firefox 在 div 内缩放输入不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38785695/

相关文章:

twitter-bootstrap - 如何使 Bootstrap 列 div float /不清除其他 div

php - 为什么我的文本没有使它具有这种效果时却具有这种效果(css/php)

javascript - 根据背景图像大小调整 div 大小的脚本——在 Firefox 中不起作用

java - 小程序在我的 IE8 和 firefox6.0.2 中无法运行

wpf - 在按钮上的xaml中缩放缩放转换(在控件模板中)以执行 “zoom”

wpf - 在 Control 或 UIElement 上找到应用的 ScaleTransform?

javascript - 如何在视口(viewport)中触发惰性线条画家 svg 动画

html - 布局未设置。如何将div放在主div之上

javascript - Firefox:当使用 transform3d 转换父 div 时,下拉菜单(<select> 元素)不注册 "change"事件?