2016-09-04 5 views
2

ページングのCSSを変更するにはどうすればよいですか?Yii2ページ変更スタイル

echo LinkPager::widget([ 
'pagination' => $pages, 
'activePageCssClass'=>'act', 
]); 

と私のCSSのクラスを行動:

.act{ 
    color:red; 
} 

しかし、それは動作しません 私は、コードを持っています。 どのようなオプションを書く必要がありますか?

+0

ための完全な設定は、リンクがクラス 'act'を持っていますか?火かき棒を使って調べることはできますか? –

答えて

0

これは、ページネーション

<?php 
LinkPager::widget([ 
    'pagination' => $pages, 
    //Css option for container 
    'options' => ['class' => ''], 
    //First option value 
    'firstPageLabel' => '&nbsp;', 
    //Last option value 
    'lastPageLabel' => '&nbsp;', 
    //Previous option value 
    'prevPageLabel' => '&nbsp;', 
    //Next option value 
    'nextPageLabel' => '&nbsp;', 
    //Current Active option value 
    'activePageCssClass' => 'p-active', 
    //Max count of allowed options 
    'maxButtonCount' => 8, 

    // Css for each options. Links 
    'linkOptions' => ['class' => ''], 
    'disabledPageCssClass' => 'disabled', 

    // Customzing CSS class for navigating link 
    'prevPageCssClass' => 'p-back', 
    'nextPageCssClass' => 'p-next', 
    'firstPageCssClass' => 'p-first', 
    'lastPageCssClass' => 'p-last', 
]);