css - ボタンにカスタムの背景色を設定する

Question

ボタンの色を変更する正しい方法は何ですか? 私のボタン：

<button id="easy_mode" href="#gameZone" class="btn waves-effect waves-light spacing theme-color" >

テーマカラー:

.theme-color {
    background-color: #ee6e73;
}

.theme-color:hover {
    background-color: #F18B8F;
}

ボタンをクリックすると、ボタンの色が失われます。私は何が欠けていますか？

Answer 1

    <button id="easy_mode" href="#gameZone" class="btn waves-effect waves-light spacing theme-color" >text</button>



    .theme-color {
        background-color: #ee6e73;
        border:none;
        cursor:pointer;
    }
    .theme-color:hover {
        background-color: #ffffff;
        border:none;
        cursor:pointer;
    }

これらの html および css コードを試してください

ここで確認できます https://jsfiddle.net/kyfycnn7/