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