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>

これはXHTML1.0Transitionalでうまく機能しますが、HTML 5に切り替えると、「input2」をクリックすると、クリックした「input2」からフォーカスが外れ、代わりに常に「input1」にフォーカスされます。私は何が間違っているのですか？ありがとう！

4

1 に答える 1

1

まだコメントを残せないので、jsFiddleにコードを追加しました。正常に動作します。http ：//jsfiddle.net/kuWWg/1/

ホバーしたい場合は、 http：//jsfiddle.net/kuWWg/2/:hoverの代わりにセレクターを使用する必要があります:focus

于 2012-07-27T14:52:37.963 に答える