そこで、Firebugを使用して、 Bootmetroのドロップダウンメニューに適用されているcssの一部を検査しました。
a:hover:active
ここで、が色のホバーの原因であることがわかります。この場合、bootmetroでは青に設定されています。
Firebugは、責任のあるcss行が2821行のbootstrap.cssにあることを示しました。
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
color: #ffffff;
text-decoration: none;
background-color: #0081c2;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
}
ただし、background-color: #0081c2
を別のものに変更しても、テストしても同じままです。Firebugは、背景色を変更するとFirebugを使用して変更されることを示していますが、手動でcssファイルに適用すると適用されません。
すべての設定を変更して、何かが適用されるかどうかを確認しようとしましたが、何も適用されないようです。
.dropdown-menu li > a:hover,
.dropdown-menu li > a:focus,
.dropdown-submenu:hover > a {
color: #666666;
text-decoration: none;
background-color: #666666;
background-repeat: repeat-x;
background-image: linear-gradient(to bottom, #666666, #666666);
}
.dropdown-menu .active > a,
.dropdown-menu .active > a:hover {
color: #666666;
text-decoration: none;
background-color: #666666;
background-repeat: repeat-x;
outline: 0;
background-image: linear-gradient(to bottom, #0088cc, #0077b3);
}
何かが設定を上書きしているかどうかわからず、誰かが助けてくれるかどうか疑問に思っていました。