Javascript 是否仅使用CSS在单击按钮时更改背景？_Javascript_Jquery_Html_Css_Background Image

Javascript 是否仅使用CSS在单击按钮时更改背景？

javascript jquery html css

Javascript 是否仅使用CSS在单击按钮时更改背景？,javascript,jquery,html,css,background-image,Javascript,Jquery,Html,Css,Background Image,是否可以在单击按钮时更改背景颜色；在整个文档中，仅使用CSS和HTML5 e、 g.：不，没有在CSS中单击然后执行某些操作的概念。您可以执行类似的操作-使用相邻的CSS选择器： <button class="btn">button</button> <div class="content"></div> btn:active + .content{ background: blue; } 不幸的是，css规则中没有回溯；对于css选择

是否可以在单击按钮时更改背景颜色；在整个文档中，仅使用CSS和HTML5

e、 g.：

不，没有在CSS中单击然后执行某些操作的概念。

您可以执行类似的操作-使用相邻的CSS选择器：

<button class="btn">button</button>
<div class="content"></div>

btn:active + .content{
    background: blue;
}

不幸的是，css规则中没有回溯；对于css选择器，没有办法爬上元素的祖先。

基于我在评论中发布的小提琴，我对其进行了非常轻微的修改，以使用css引导按钮

只需包含引导的CSS文件，然后使用下面的代码

HTML 切换背景色 CSS div{ 宽度：100%；身高：100%；背景：5CB85C；位置：绝对位置；排名：0；左：0； z指数：1； } label.btn{ 位置：绝对位置；顶部：10px；左：10px； z指数：2； } 输入[类型=复选框]{ 显示：无； } 输入[类型=复选框]：选中+div{ 背景：5BC0DE； } 这使用了

它在这里工作：我添加了*-用户选择：无；防止选择标签文本，但标签不需要这样做

浏览器支持 Chrome、Firefox[桌面和移动]Gecko≥ 1.0，Internet Explorer≥ 7、歌剧≥ 9和狩猎≥ 3.

参考：和

您可以使用：目标选择器。这在较旧的浏览器中可能不起作用。下面是我制作的一个超级简单的示例，单击链接时切换背景

其概念是将CSS样式应用于目标元素。在下面的代码中，单击链接将以body的ID为目标，该ID将应用body:target中的样式来更改背景色

<html>
    <head>
        <style>
            body { background-color:#333; }
            body:target { background-color:#fff; }
        </style>
    </head>
    <body id="myBody">
        <a href="#myBody">Click</a>
    </body>
</html>

有一种方法可以做到这一点：

.cc2:focus {
background-color: #19A3FF;}

：focus基本上意味着当你点击类为cc2的元素时，它的背景会变成蓝色：希望对你有所帮助

不完全是你的问题，但答案是否定的——不幸的是值得一读。不，这是不可能的，因为CSS中没有“父”选择器。您可以这样做：我刚刚做了一个快速演示，演示如何将伪类与+结合起来，在@Joe的评论中添加交互式效果构建。我添加了一些邪恶的绝对位置并伪造了它。@BarbaraLaird-不错！我建立在你的基础上，使它看起来像是一个点击事件：-它使用和一个隐藏的复选框。有没有办法只使用CSS将它保持为蓝色，或者是@frenchie所说的100%毫无例外？@AT:there's:active，：hover，：checked。。。但是没有：在CSS中单击。芭芭拉·莱尔德所做的最接近你所得到的，谢谢你的链接；很难将它绑定到一个按钮类，例如：从Twitter BootstrapHow，我是否可以使用多个按钮，每个按钮切换不同的颜色-