因此,为元素设置悬停效果非常容易。但是我想要的是,当用户将鼠标悬停在其中带有文本的按钮上时,同时使按钮从黑色变成白色,同时使文本从白色变成黑色。而不是两个单独的元素。我应该怎么做?
谢谢!
#signUpBox {
width: 150px;
height: 47px;
border-style: solid;
border-width: 1px;
margin: auto;
margin-top: 25px;
border-radius: 2px;
}
#signUpBox:hover {
background-color: #ffffff;
}
h3 {
text-align: center;
margin-top: -35px;
letter-spacing: 1px;
font-size: 17px;
}
我不确定您如何设置代码,但这可以在具有onclick
作为按钮附加功能的div上使用:
#signUpBox {
width: 150px;
height: 47px;
border: solid 1px #000;
margin: auto;
margin-top: 25px;
border-radius: 2px;
color:#000;
background:#fff;
}
#signUpBox:hover {
background: #000;
color:#fff;
}
HTML:
<div id="signUpBox">This is a test</div>
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句