CSS：当输入框被聚焦时，如何选中body元素

Question

3

我一直在寻找，但没有成功。是否可能（使用CSS）在input:focus上针对标签进行定位？例如，当有人单击输入框时，我希望的背景为background:red，我不确定这是否实际可行。

提前感谢您。

康纳

- iConnor

没有使用 JavaScript 是不可能的。 - Caelea

CSS选择器级别4支持此功能，但没有浏览器实现它（甚至还没有最终确定）。 - Joseph Silber

你需要的是某种父级选择器。这个问题的答案也应该回答了你的问题：https://dev59.com/S3NA5IYBdhLWcg3wUL9Y#1014958 - Stephen

2个回答

2

这不是 CSS 能做到的，但可以使用 JavaScript/jQuery 轻松实现 :)

以下是在 jQuery 中实现的方法：

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

- Sandeep Raju Prabhakar

1

不要忘记在失去焦点时移除颜色！ - Joseph Silber

抱歉，谢谢你的帮助，我会使用这个的 :) - iConnor

@JosephSilber 哦，是的！ :) - Sandeep Raju Prabhakar

是的，好的，冷静。我必须等待十分钟才能接受，这就是为什么我在此期间给你一个+1。请问，您能否解释一下如何切换此项以便在失焦时删除CSS？ - iConnor

1

你可以在这个网站上快速查找文档...http://dochub.io/ - Sandeep Raju Prabhakar

显示剩余2条评论

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- zxqx · Accepted Answer

这在未来可以使用CSS4父选择器实现，但目前需要使用JavaScript。

如果你想要了解CSS4父选择器的相关内容，请查看这里。