在Firefox中使用-moz-transform选择框焦点错误 [英] Select box focus bug using -moz-transform in Firefox
问题描述
我注意到，如果我在Firefox的选择框焦点（即选择：焦点）上应用转换，它首先关注选择框，然后您必须再次单击选择框才能实际下拉。任何人都经历过这个？我尝试在Mozilla中寻找一个bug，但是没有看到任何东西。
$ b
Webkit浏览器（在chrome中测试）的行为是恰当的。
我在Firefox 3.6.7上测试用例：
code><！DOCTYPE html>
< html>
< head>
< style type =text / css>
select：focus {
-moz-transform：scale（1.05）;
-webkit-transform：scale（1.05）;
}
< / style>
< / head>
< body>
< select>
< option> One< / option>
< option>两个< / option>
< / select>
< / body>
< / html>
我在mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=581604
该错误仍然没有解决，但是这个解决方法工作：
添加到CSS：
select {-moz-transform：scale（1）; }
I've noticed that if I apply a transform on a select box focus (i.e. select:focus) in Firefox it first focuses the select box then you must click the select box again for it to actually drop down. Anyone else experience this? I tried looking for a bug at Mozilla but didn't see anything.
Webkit browsers (tested in chrome) act appropriately.
I'm on Firefox 3.6.7
Test case:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
select:focus {
-moz-transform: scale(1.05);
-webkit-transform: scale(1.05);
}
</style>
</head>
<body>
<select>
<option>One</option>
<option>Two</option>
</select>
</body>
</html>
I've opened a bug at mozilla https://bugzilla.mozilla.org/show_bug.cgi?id=581604
The bug is still not fixed, but this workaround works:
Add to CSS:
select { -moz-transform: scale(1); }
这篇关于在Firefox中使用-moz-transform选择框焦点错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
