虽然庆幸的是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引入scss编译后的样式怎么做_使用link加载编译后的css文件
CSS使用CDN样式加载不出来怎么办_link切换可用CDN节点确保可访问
css 框架中的 UIKit_如何使用 UIKit 快速搭建界面
css 定位元素在表单中显示异常怎么办_检查定位是否覆盖输入区域
css 表单输入框样式太难看怎么办_通过 border radius 和 focus 样式优化
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
Java 桌面应用开发（JavaFX 实战）
本专题系统讲解 Java 在桌面应用开发领域的实战应用，重点围绕 JavaFX 框架，涵盖界面布局、控件使用、事件处理、FXML、样式美化（CSS）、多线程与UI响应优化，以及桌面应用的打包与发布。通过完整示例项目，帮助学习者掌握 使用 Java 构建现代化、跨平台桌面应用程序的核心能力。
37
2026.01.14
热门下载
相关下载
精品课程
相关推荐
/
热门推荐
/
最新课程
Swoole5 Hyperf3 php8新版本协程框架讲说
共37课时 | 1.7万人学习
Bootstrap4.x---十天精品课堂
共22课时 | 1.6万人学习
Laravel---API接口
共7课时 | 0.6万人学习
最新文章
