6

私は自分のアプリケーションで ag-Grid を使用していますが、デフォルトのテーマ (ag-theme-balham) で問題なく動作します。

特定のコンポーネントでヘッダーの背景色を変更したいのですが、component.scss ファイルに CSS を追加しても何も起こりません。

angular-cli.json ファイルに ag-Grid css を追加しました

  "styles": [
    "../node_modules/font-awesome/scss/font-awesome.scss",
    "../node_modules/ag-grid/dist/styles/ag-grid.css",
    "../node_modules/ag-grid/dist/styles/ag-theme-balham.css",
    "styles.scss"
  ],

component.scss ファイルには、次の CSS があります。

.ag-theme-balham .ag-header {
    background-color: #e0e0e0;
}

しかし、何も起こらず、ヘッダーに色が適用されません。

4

4 に答える 4

1

これは少し古い質問ですが、今それに参加する人にとって、この解決策は私にとってうまくいきました. 書き込む必要があるタグは次のとおりです。

::ng-deep .ag-theme-balham .ag-header-cell-label{
/* your css here*/}

また、タグ!importantも機能する可能性があります

于 2019-08-13T18:30:10.257 に答える