Firefox input 光标丢失

在用Firefox浏览页面时是否发现鼠标点击 textarea,input表单输入文本时闪烁的光标不见了,但能正常输入文本呢?
你很幸运遇到了”Firefox光标丢失”的问题,前阵子也被这问题搞到头晕晕的,总结一下出现这问题的原因做了个简单的例子。
光标丢失据我所知是Firefox的BUG,在IE系列 及Opera 等浏览器均正常! 有可能在Firefox3.0后会修复这问题,但我们现所用的都是2.0

事例1:


以下面为例,总结了页面容器中设置了以下部分属性,均会导致Firefox光标丢失：

1. overflow:auto
2. overflow-x:auto;
3. overflow-y:auto;
4. overflow:scroll
5. overflow-x:scroll;
6. overflow-y:scroll;
7. overflow-x:hidden;
8. overflow-y:hidden;
9. position:absolute

注意:上面没写到overflow:hidden; 因为overflow:hidden;可以正常使用没影响到Firefox的光标丢失

上面例子解决的办法:

• 1. 避免在body设置会令光标丢失overflow:XXX属性,overflow:hidden;除外 参考事例2
• 2. 在position:absolute;加多个针对FF写的position:fixed; 但IE6不支持此属性,可以写成:#box { position:fixed;_position:absolute; …参考事例3

引用自：http://blog.gulu77.com/?p=10