Yii2 如何更改导航栏的文本颜色

Question

想请教一下Yii2框架基础模板中navbar（Home,About,...在哪里）的文字颜色怎么改？我尝试了很多东西，但没有任何效果。谢谢回复！

Answer 1

对于导航栏 <a> 元素（link）的文本，颜色在 bootstrap.min.css 内定义。

.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-color: #1a242f;
color: #ffffff;
}

那么如果你想改变 css 那么你必须改变 bootstrap.css 和最小化..

一种简单的方法是直接更改布局中的样式..

使用 li 标签的选项和 link相关 link 的选项直接更改项目的样式

<?php
  NavBar::begin([
      'brandLabel' => 'Name',
      'brandUrl' => Yii::$app->homeUrl,
      'options' => [
          'class' => 'my-navbar navbar-fixed-top',
      ],
  ]);
  echo Nav::widget([
      'options' => ['class' => 'navbar-nav navbar-right'],
      'items' => [
          ['label' => 'Home', 'url' => ['/site/index'], 'options' => ['style' => 'background-color: #F00;']],
          ['label' => 'About', 'url' => ['/site/about']], 'linkOptions' => ['style' => 'color: #000;']],
          Yii::$app->user->isGuest ?
              ['label' => 'Login', 'url' => ['/site/login']] :
              [
                  'label' => 'Logout (' . Yii::$app->user->identity->username . ')',
                  'url' => ['/site/logout'],
                  'linkOptions' => ['data-method' => 'post']
              ],
      ],
  ]);
  NavBar::end();
?>

Answer 2

不是

'options' => ['style' => 'color: #000;']]

但是

'linkOptions' => ['style' => 'color: #000;']]

linkOptions 有效！颜色变了

Answer 3

而不是使用 'linkOptions' => ['style' => 'color: #000;']]

我做到了'linkOptions' => ['class' => 'myCssClass']]

这对我有用

Yii2 如何更改导航栏的文本颜色

Yii2 how to change text colour of navbar

colors

navbar

yii2