如何解决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