4

Twitter Bootstrap が提供する次のページネーションボタン スタイルを使用しています。

<ul class="pager">
  <li class="previous"><a href="#">&larr; Older</a></li>
  <li class="next"><a href="#">Newer &rarr;</a></li>
</ul>

現在の様子は次のとおりです。

ここに画像の説明を入力

これらのボタンの背景色を緑から他の色に変更するには、CSS スタイルをどのように変更する必要がありますか?

この CSS コードを試しましたが、ボタンのスタイルは変更されませんでした:

.next {
    background-color: #ecf0f1;
    color: #2d525d;
}

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

4

3 に答える 3

5

CSS コードを上書きする必要があります。

.next a {
    background-color: #ecf0f1 !important;
    color: #2d525d !important;
}

編集: colorおよびbackground -colorスタイルは、li 内の「a」要素用です。

于 2013-09-08T10:16:09.977 に答える
1

使用する

!important

CSSの後、しかし前に;

それはほとんど何も無視してこれを使用することを意味します !重要

これを使用して、一部のフレームワークでデフォルトのスタイリングから抜け出す必要があります。これは、メディア クエリにも役立ちます。

于 2015-08-22T15:23:23.037 に答える