html - CSS: Input:focus の対象ボディ

Question

私は周りを見回してきましたが、（cssを使用して）bodyタグをターゲットにすることはできません input:focusでした。たとえば、誰かが入力ボックスをクリックしたときに、bodyにbackground:red.

前もって感謝します。

コナー

Answer 1

これはCSS4 の親セレクターで将来的に可能になりますが、現時点では JavaScript を使用する必要があります。

Answer 2

これはCSSでは不可能です。しかし、それはjavascript/jQueryで簡単に達成できます:)

これはjQueryでそれを行う方法です、

$("input[type=text]").focus(function() {
    $("body").css({"background-color" : "red"});
});