切换到 HTML 5 时 CSS 焦点代码不起作用答案

【问题标题】：CSS Focus code does not work when switching to HTML 5切换到 HTML 5 时 CSS 焦点代码不起作用
【发布时间】：2012-07-27 14:47:44
【问题描述】：

当您将鼠标放在输入上时，我可以使用一些代码使输入具有漂亮的背景颜色：

<!DOCTYPE html>
<html lang="en-us" dir="ltr">
<head>
    <style type="text/css">
    input[type="text"]:focus
    {
    background-color: #bfd0eb;
    }
    </style>
</head>
<body>
    <form method="post">
    <input type="text" name="input1" id="input1" value="" />
    <input type="text" name="input2" id="input2" value="" />
    </form>
</body>
</html>

这对 XHTML 1.0 过渡效果很好，但是当我切换到 HTML 5 时，如果我单击“input2”，它会将焦点从我单击的“input2”上移开，而始终关注“input1”。我究竟做错了什么？谢谢！

【问题讨论】：

都是type="text" 密码输入在哪里？？？
这就是所有的代码......没有密码输入，我删除了它。

标签： css html focus css-selectors

【解决方案1】：

由于我还不能发表评论，我已将您的代码添加到 jsFiddle 并且运行良好，http://jsfiddle.net/kuWWg/1/

如果您希望它处于悬停状态，您需要使用 :hover 选择器而不是 :focus http://jsfiddle.net/kuWWg/2/

【讨论】：

原来是一些愚蠢的浏览器错误。我会给你答案，因为这很有用。