CSS：输入上的目标主体：焦点[重复]

Posted 2023-03-06

【中文标题】CSS：输入上的目标主体：焦点[重复]

【英文标题】：CSS: Target body on Input:focus [duplicate]

【发布时间】：2013-01-29 06:35:30

【问题描述】：

我一直在环顾四周，但没有运气是否可以（使用 css）将身体标签定位在 input:focus 上，例如，当有人点击输入框时，我希望身体有 background:red，我没有确定这是否真的可行。

提前致谢。

康纳

【问题讨论】：

不使用javascript是不可能的

CSS Selector Level 4 支持这个，但是没有浏览器实现它（它甚至还没有最终确定）。

您正在寻找的是某种父选择器。这个问题的答案也应该回答你的：***.com/a/1014958/262056

【参考方案1】：

这将在未来通过CSS4 parent selector 实现，但现在您必须使用 JavaScript。

【参考方案2】：

这在 CSS 中是不可能的。但它可以很容易地用 javascript / jQuery 实现:)

这是在 jQuery 中的做法，

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

【讨论】：

别忘了去掉模糊处的颜色！

不好意思，谢谢，虽然我会用这个:)

@JosephSilber 哦，是的！ :)

@ConnorMiles 如果您觉得这很有用，请接受它作为答案，以便尝试回答的人知道它已解决！ :)

你可以在这个网站上快速查找文档...dochub.io