单击和加载时，按钮会丢失 css 样式

Question

我似乎无法弄清楚这一点。当我单击按钮并加载目标页面时，按钮会丢失其文本样式。原始按钮样式是从我正在使用的 wordpress 主题中提取的。我已经包含了一个 gif 和代码供参考。有什么想法吗？

实际操作：https://imgflip.com/gif/197tc9

    .darkbutton {
    color: #fff !important;
    border: 2px solid #fff !important;
    background-color: #0be2a1 !important;
    margin-top: 4px !important;
}

    .darkbutton:hover {
    color: #0be2a1 !important;
    border: 2px solid #fff !important;
    background-color: #fff !important;
}

Answer 1

试试这个：

使用 CSS 的焦点状态

.darkbutton:focus {
 color: #fff !important;
}