html - Internet Explorer 8 中的焦点 CSS 标记

Question

这让我抓狂。

http://www.cssdrive.com/index.php/examples/exampleitem/focus_pseudo_class

这是一个使用 hover 伪类的例子。在 Chrome 和 IE 中运行良好。当我在本地保存时，它在 Chrome 中工作正常，但在 IE 中不起作用。我做错了什么!？

<link rel="Stylesheet" href="style.css" />
<form>
    <p>1) Name:<br />
    <input type="text" size="40"></p>

    <p>2) Email address:<br />
    <input type="text" size="40"></p>

    <p>3) Comments:<br />
    <textarea rows="5" name="comments" cols="45" wrap="virtual"></textarea></p>

    <p><input id="actualsubmit" type="submit" value="Submit"></p>
</form>

样式.css:

input:focus, textarea:focus{
    background-color: lightyellow;
}   

编辑:样式表正在应用 - 可以通过背景颜色进行测试:黑色。但是焦点效应不起作用。

Answer 1

我相信 IE8 仍然不能正确支持它，这是一个 JS 解决方法: http://james.padolsey.com/javascript/fixing-focus-in-internet-explorer/