html - 单击和加载时按钮丢失 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;
}