我想制作一个按钮,在悬停时显示背景颜色,在按钮按下时显示没有背景颜色的按钮颜色。这是我当前的代码:
.windowButton:hover {
background-color:#1a82b8;
}
.windowButton:active #windowClose polygon {
fill:#1a82b8;
}
上面代码的问题是当它改变图标颜色时:active
但不会删除设置的背景颜色:hover
。如何去除背景颜色?
您必须设置新的背景颜色:hover
state
.windowButton:hover {
background-color:#1a82b8;
}
.windowButton:active {
fill:#1a82b8;
background-color:#000000;/*You can put the color you want*/
}
伪状态继承值。出于一致性目的,最好仅声明您在伪状态规则中更改的样式。
Note: :hover
必须在之后:link
and :visited
(如果它们存在)在 CSS 定义中,以便有效!
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)