在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>

style.css中:

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

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

Answer 1

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