ボタンをクリックして読み込んだときにボタンがCSSスタイルを失う

Question

私はこれを理解できないようです。ボタンをクリックしてターゲットページをロードすると、ボタンのテキストスタイルが失われます。元のボタンのスタイリングは私が使用しているワードプレスのテーマから引き出されています。私は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; 
}