css - 如何在事件 CSS 时更改按钮颜色？

Question

这是我的代码没问题

#wpbody-content a {
    width 100%;
    background: #363636;
    color: #fff;
}

我的代码悬停没问题

#wpbody-content a:hover {
    background: #fff;
    color: #000;
}

这行不通？

#wpbody-content a:active
    background: #fff;
            color: #000;

Answer 1

它会工作但是你需要像这样改变颜色或背景或事件代码的展位:

<style>
    #wpbody-content a {
        width: 100%;
        background: #363636;
        color: #fff;
    }
    #wpbody-content a:hover {
        background: #fff;
        color: #000;
    }
    #wpbody-content a:active{
        background: #003bb3 !important;
        color: #fff !important;
    }
</style>

<div id="wpbody-content">
    <a>Hello</a>
</div>