【问题标题】:IE Focus with Local HTML file带有本地 HTML 文件的 IE 焦点
【发布时间】:2012-01-23 17:18:50
【问题描述】:

我在保存在本地驱动器上的 HTML 文件中识别出 :focus 属性时遇到问题。我已经在jsFiddle here 中输入了 HTML 和 CSS,:focus 属性工作得很好,正如这张图片中看到的link here

基本上,我想在图像中显示的是我在 Attorney Name 文本字段中,因此应该应用 :focus 属性,该属性通过以下方式成功显示文本字段周围的蓝色边框。我还想在这里展示的是 Jail Address 按钮周围有一个浅蓝色边框,这似乎是 IE 的默认 :focus 属性。

打开保存在本地驱动器上的 HTML 文件时,我想应用于 律师姓名 字段的 :focus 属性丢失,如图所示 link here

相反,律师姓名 字段使用默认的 IE :focus 属性突出显示。任何人都可以帮助解决为什么我的:focus 在 jsFiddle 中正确显示,但在我的本地 HTML 文件中看不到,以及如何解决此问题?我正在 IE8 和 IE9 上对此进行测试。

【问题讨论】:

    标签: html css internet-explorer focus


    【解决方案1】:

    CSS 是否定义在单独的文件中?从本地硬盘加载 HTML 时是否正在加载该 CSS 文件?

    【讨论】:

    • 是的,CSS 是一个单独的文件(在我链接的 jsFiddle 的 CSS 部分中可以看到),并通过 <link rel="stylesheet" Href="Slate.css" Type="text/css"> 行加载到 HTML 页面中。
    • 哪个版本的IE?哦,我现在明白了。请稍等,让我看看这个。
    • 对不起,让我澄清一下:链接上的第一个答案讨论了 IE 兼容模式,即浏览器有时表现得好像它是旧版本一样。在 IE 中,我相信直到 IE9 才支持焦点选择器,所以 IE7 或 IE8 兼容模式会失去效果。
    • 您可以使用 javascript 来模拟焦点选择器。此页面可能会为您指明正确的方向:james.padolsey.com/javascript/fixing-focus-in-internet-explorer
    猜你喜欢
    • 1970-01-01
    • 2023-02-14
    • 1970-01-01
    • 1970-01-01
    • 2010-11-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多