当风格按钮：悬停：从活性不同(Style button when :active different

我想要显示徘徊时，背景色和无背景颜色按钮颜色按钮时该按钮向下。 这里是我当前的代码：

.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必须出现在:link和:visited （如果它们存在）在CSS定义，以便进行有效的！

Answer 2:

这个怎么样？

我猜想，其原因您所使用的背景颜色和第二填充第一属性。

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

的jsfiddle工作实施例 （1）

文章来源: Style button when :active different from :hover