使用Firefox在div中缩放输入是不起作用的



如何解决Firefox功能障碍的任何想法:应用css scale转换时combo-box选项(html select)的错误定位。

我的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>

这里有一把小提琴作为的例子

我已经知道这是一个Firefox错误,但如果不用其他外部库替换标准select,还有其他选择吗?

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

目前唯一的解决方案似乎是使用Select2这样的替代方案。另请参阅以下答案:https://stackoverflow.com/a/27134660

相关内容

  • 没有找到相关文章

最新更新