続）twentytwelve ボタンのカスタマイズ方法

twentytwelve 1.7を使ってボタンのカスタマイズをしようとしています。

前回教えて頂いたボタン背景色変更の修正後、もう1つ新たな問題が起こりました。

それはトグルボタンを一度押した後、再び押して戻した時にボタンの色がまたグレー（カスタマイズ前）の色に戻ってしまいます。

現在のコードです。

.menu-toggle {
background-image: none;
background-color: #360dc1;
color: yellow;
width: 100%;
}

.menu-toggle:hover {
color: red;
background-image: none;
background-color: #6a3beb;
}
.menu-toggle:active,
.menu-toggle.toggled-on {
color: #777;
background-image: none;
background-color: #000;
box-shadow: inset 0 0 8px 2px #c6c6c6, 0 1px 0 0 #f4f4f4;
border: none;
}

解決策が思い当たらずまた行き詰ってしまいました。ご教授願います。

前回内容は以下————————————-

twentytwelve 1.7を使っています。

レスポンシブの時に出てくるボタンメニューをカスタマイズしようとしているのですが、ボタンの色が変えられずに困っています。

子テーマのstyle.cssには次のように書いています。

@import url(“../twentytwelve/style.css”);

.menu-toggle {
background-color: #360dc1;
color: yellow;
width: 100%;
}

.menu-toggle:hover {
color: red;
background-color: #6a3beb;
}