0

materializecssを使ってWebサイトを作っています。私は彼らのウェブサイトで使用されているものと同様のサイド ナビゲーションを作成しようとしています。

サイド ナビゲーションで選択したタブを赤くペイントしたいのですが、マテリアライズ CSS 自体が原因で、その上にカーソルを合わせると灰色になり続けます。

フレームワークがやりたくないことを時々止める良い方法は何ですか?

ありがとうございました。

編集 - 私のコードhttps://jsfiddle.net/9mek1r48/

     <ul id="slide-out" class="side-nav fixed">
            <li class="activeTab"><a href="#!" class="white-text">+Add Banner</a>            
            </li>
            <li><a href="#!">Test</a>            
            </li>
     </ul>

そして、私が作成したスタイル

.activeTab {
    background-color: #ee6e73;
    !important;
}
4

1 に答える 1

2

私が通常行うことは、フレームワークのcssファイルの後に続くcssファイルの先頭にあり、フレームワーク自体を編集せずにフレームワークからのものをオーバーライドするcssルールを追加します。

これをcssに追加したい：

ul.side-nav.fixed li:hover, ul.side-nav.fixed li.active {
   background-color: rgba(0, 0, 0, 0.05);
}

あなたの好みに合わせて色を変えます。

編集：変更をやめるには、これを試してください：

ul.side-nav.fixed li:hover, ul.side-nav.fixed li.active {
  background-color: inherit;
}
于 2015-05-28T08:43:40.613 に答える