IgbGrid のページング機能を有効化したときに表示されるページ番号の文字色や “<” や “>” の色を変えてみましょう!

 

ページ番号を表示している個所の各文字のセレクターは igx-page-nav .igx-page-nav__text です。
また “<” や “>” などのアイコンの個所のセレクターは igx-page-nav .igx-icon です。
これらに色を指定する CSS を設定してください。

/* App.razor.css */

::deep igx-page-nav .igx-page-nav__text {
    color: orangered;
}

::deep igx-page-nav .igx-icon {
    color: limegreen;
}

 

実行結果

 

 

Tagged:

製品について

Ignite UI for Blazor