1

ボディの背景色をカスタム カラーに変更しようとしています。通常、カスタム css を bootstrap_and_override.css ファイルに書き込んでいますが、これは機能しますが、body タグでは機能しません。ここで、標準の本文 css 設定を見つけてオーバーライドすることを提案した人もいますが、私と同じように、プロジェクト内のどこにも対応する行を見つけることができません。

たぶん、ボディタグのアドレスが間違っていますか？私は書いた：

  body {
    background-color: #F8F8F8;
  }

body タグには、対処できるカスタムクラスがないように見えるためです。chrome web inspector でこれを見ることができるので、私のコードが注目されているように見えますが、後で上書きされます。しかし、私はそれが起こる場所を見つけることができません。

クロム分析画像

#FFF ではなく、取り消し線の背景色が正しい色です。

誰かがこれに対する答えを知っていることを願っています。これは難しいことではありませんか? どうもありがとう！

更新: application.css の内容は次のとおりです。

/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the top of the
 * compiled file, but it's generally better to create a new file per style scope.
 *
 *= require_self
 *= require_tree .
 */

更新 2: スタイルシート フォルダーの内容は次 の とおり
です 。


4

2 に答える 2

2

を使用できます!important。これはベストプラクティスではないため、慎重に進めます。オーバーライドを強制する!importantことには適切な場所があり、必要な場合にのみ使用する必要があります。

body {
    background-color: #F8F8F8 !important;
  }

私が個人的に使用する例は!important、javascript/plugin を編集する権限がない場合に、javascript によって生成されたインライン CSS によって設定されたルールをデバッグおよびオーバーライドすることです。

于 2013-07-28T09:33:44.150 に答える
0

ブートストラップ css で「body」スタイルを変更する必要があります。デフォルトは #fff (白) です。2 つの 'body' スタイルがあり、上の 1 つは余白用で、中央の 1 つは背景色、フォントなどのためのものなので注意してください。

于 2014-06-17T17:00:40.043 に答える