html - CSS 焦点选择器在 IE8 和 IE9 中工作需要什么文档类型声明?

标签 html css internet-explorer doctype

我正在尝试使用 CSS :focus 选择器,它在 Mozilla Firefox 中运行良好,但在 IE8 或 IE9 中似乎无效。

W3schools 指出必须声明 DOCTYPE 才能使焦点在 IE8 中工作,但它没有指定文档类型应该是什么。

我的 CSS:

#form1 input:focus
{
    background: #e1ebfe;
    border: 1px solid #00AADD;
}

我尝试了以下 DOCTYPE,但似乎都不适用于“焦点”。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> 

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

任何帮助将不胜感激!谢谢

最佳答案

新网页应始终使用严格的文档类型。 Transitional 适用于从新网页不应使用的旧的、已弃用的标记过渡的页面。使用您显示的严格的或新的:<!DOCTYPE html>这将使 IE8 进入标准模式。

关于html - CSS 焦点选择器在 IE8 和 IE9 中工作需要什么文档类型声明?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/8741686/

相关文章:

javascript - 无效的调用对象 IE

html - 如何自定义/设计 Facebook 分享按钮

javascript - 关闭时滑动菜单堆叠文本

html - flex-grow 不以全宽显示容器中的元素

internet-explorer - 为什么MHTML不是用chrome/Firefox浏览而是用IE浏览?

css - 单击链接时 Internet Explorer 7 iframe 正在移动

javascript - 在网页上显示代码(HTML、CSS、PHP、JavaScript、jQuery 等),就像代码显示在这里一样,在一个框中,语法高亮

html - TD 中的可滚动 DIV 在 WebKit 中有效,但在 Gecko 中无效

html - 响应式文本定位?

jquery - 为什么我的下拉菜单链接不起作用