1

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

<!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”。我究竟做错了什么？谢谢！

4

1 回答 1

1

由于我还不能发表评论，我已将您的代码添加到 jsFiddle 并且工作正常，http://jsfiddle.net/kuWWg/1/

如果你想让它悬停，你需要使用:hover选择器而不是:focus http://jsfiddle.net/kuWWg/2/

于 2012-07-27T14:52:37.963 回答