虽然庆幸的是Firefox3中解决了这个bug，但Firefox3还在beta阶段，取代Firefox2还是需要一些时间的，下面就来仔细说一下这个问题：
一、样式为{position:absolute;}的容器中的表单输入框在样式为类似{overflow:auto;}的容器区域中失去光标
可以通过例一到例六来了解最常见的情况。
如果想整个body都出现失去光标，可以设置html和body两个容器，请看示例。包括举例的overflow:auto在内能引起该Bug的overflow属性共有：
overflow:auto
overflow-x:auto;
overflow-y:auto;
overflow:scroll;
overflow-x:scroll;
overflow-y:scroll;
overflow-x:hidden;
overflow-y:hidden;
除了避免使用overflow属性的其他解决方案：
利用overflow:hidden代替产生bug的oveflow属性
在具有上述overflow属性的容器中加入position:relative，请看实例。
在positon:absolute的容器上加入同样的oveflow属性，同时注意在页面出现的顺序，见例四
为使用能产生bug的oveflow属性的容器选择合适的标签，比如fieldset，见例六。
二、样式为{position:absolute;}的容器中的表单输入框在iframe容器区域中失去光标
可以通过例七来了解这个情况。IE6中为了解决下拉列表级别过高问题，往往需要用iframe来遮盖它，偶尔疏忽忘记做浏览器限定就有可能导致上面的问题。
现在看来Firefox2对iframe的处理bug还真不少，比如以前就发现了Firefox返回时Iframe的显示Bug。
0
0
Firefox2中输入框丢失光标bug的解决方法_经验交流
php中文网
发布时间：2016-05-16 12:05:47
|1614人浏览过
|来源于php中文网
原创
相关文章
css 想给表单输入框合法内容添加绿色边框怎么办_使用 :valid 伪类设置边框
css 想限制输入框必填未填显示样式怎么办_使用 :invalid 伪类设置样式提示
css 想让输入框在 focus 时高亮怎么办_使用 css tailwind focus 工具类
css 边框样式不同导致尺寸不统一怎么办_border 与 box-sizing 调整
css 多语言页面样式如何区分_配合 link 引入不同 css 文件
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
C++ 单元测试与代码质量保障
本专题系统讲解 C++ 在单元测试与代码质量保障方面的实战方法，包括测试驱动开发理念、Google Test/Google Mock 的使用、测试用例设计、边界条件验证、持续集成中的自动化测试流程，以及常见代码质量问题的发现与修复。通过工程化示例，帮助开发者建立 可测试、可维护、高质量的 C++ 项目体系。
10
2026.01.16
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
Swoole5 Hyperf3 php8新版本协程框架讲说
共37课时 | 1.7万人学习
Bootstrap4.x---十天精品课堂
共22课时 | 1.6万人学习
Laravel---API接口
共7课时 | 0.6万人学习
最新文章
