Question

我想在按钮停止时创建一个显示背景颜色的按钮，在按钮关闭时创建一个没有背景颜色的按钮颜色。这是我目前的代码：

.windowButton:hover {
    background-color:#1a82b8;
}
.windowButton:active #windowClose polygon {
    fill:#1a82b8;
}

上述代码的问题在于，它会在:active时将图标变为彩色，但不会删除:hover设置的背景颜色。如何删除背景颜色？

Answer 1

您必须在:hover州

上设置新的背景颜色

.windowButton:hover {
    background-color:#1a82b8;
}
.windowButton:active {
   fill:#1a82b8;
   background-color:#000000;/*You can put the color you want*/
}

伪状态继承值。出于一致性的目的，最好只在伪状态规则中声明要更改的样式。

注意： :hover必须在CSS定义中:link和:visited之后（如果它们存在），以便有效！

Answer 2

这个怎么样？

我猜，它的第一个属性的原因是背景色，第二个填充。

button:hover {
    background-color: red;
}
button:active {
    background-color: blue;
}

jsFiddle working example (1)

Answer 3

`button：hover {背景颜色：透明；颜色：黄色；}

button：活动{背景：白色；颜色：黑色；}`

样式按钮时：活动不同于：悬停

3 个答案: