CSS改变身体背景-颜色按钮悬停？
CSS改变身体背景-颜色按钮悬停？
提问于 2018-03-22 14:00:39
例如，对于我的网站，我有一套身体的背景色。
body {
background-color: #FFFFFF;
}我还在..html File中定义了一个按钮(假设它有ID "button1")，并且我希望当按钮与鼠标悬停时更改身体的背景色(例如#000000;)，当鼠标不再在按钮上时更改返回。有办法这样做吗？
我是一个新的网站开发者，还在学习/学习JavaScript。
回答 2
Stack Overflow用户
回答已采纳
发布于 2018-03-22 14:04:37
它不是CSS中的所有者。在JavaScript中，很容易找到onmouseover/out事件。
var button = document.getElementById('hover');
var body = document.body;
button.onmouseover = function() {
body.className = 'hovered';
}
button.onmouseout = function() {
body.className = '';
}body {background: #000;}
body.hovered {background: #ff0;}<button id="hover">button</button>
Stack Overflow用户
发布于 2018-03-22 14:09:51
使用纯css，可以添加一个background div：
#button:hover ~ #background {
background-color: red;
}
#background {
position:absolute;
background-color: blue;
top: 0px;
right: 0px;
bottom: 0px;
left: 0px;
z-index: -1;
}<button id="button">Button</button>
<div id="background"></div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/49430635
复制相关文章
相似问题
腾讯云开发者
