css - 单击链接后 anchor 悬停保持不变

Question

假设我想创建 nav-top-menu 按钮，每个按钮都有 anchor 标记和 href 给定。我的风格是:悬停在每个按钮上。当我点击链接时，a:hover to that button I click is gone.I want the anchor hover 在我点击链接后保持不变。我最好用 CSS 来做。

button a:hover {
border:1px solid #000;
box-shadow:1px 1px 0px 8px #1fb6dc;
}

Answer 1

试试这个:

button a:hover {
    border:1px solid #000;
    box-shadow:1px 1px 0px 8px #1fb6dc;
    }
button a:active
{
        border:1px solid #000;
        box-shadow:1px 1px 0px 8px #1fb6dc;
        }