yii，如何更改 Cmenu 上的文本颜色

Question

我试图找到包含此文本颜色的类 css 在哪里..

如果在 gii 默认生成的菜单中的文本就在 CListView 旁边.. 颜色是蓝色但我想将其更改为白色以用于我的自定义主题，所以我在哪里可以找到这个并请告诉我如果我可以为这个动作设置它的设置，我在 yii 论坛here 上发布了同样的问题，但没有人回答。

请帮忙。

Answer 1

只需在选择器中添加一个类，您就可以为其创建样式。我不确定您要做什么，请看以下示例

设置

$this->widget('zii.widgets.CMenu', array(
    'items'=>array(
        array('label'=>'Home', 'url'=>array('site/index'),'linkOptions' => array('class'=>'anchor-link')),
        array('label'=>'Products', 'url'=>array('product/index'), 'items'=>array(
            array('label'=>'New Arrivals', 'url'=>array('product/new', 'tag'=>'new'),'linkOptions' => array('class'=>'anchor-link')),
            array('label'=>'Most Popular', 'url'=>array('product/index', 'tag'=>'popular'),'linkOptions' => array('class'=>'anchor-link')),
        )),
    ),
    'htmlOptions' => array('class'=>'menu-container-class'),
    'activeCssClass' => 'active-class',
    'itemCssClass' => 'item-class',
    'submenuHtmlOptions' => array('class'=>'sub-menu-class')
));

结果

<ul id="yw0" class="menu-container-class">
    <li class="item-class"><a href="/khucholon/site/index.html" class="anchor-link">Home</a></li>
    <li class="item-class"><a href="/khucholon/product/index.html">Products</a>
        <ul class="sub-menu-class">
            <li class="item-class"><a href="/khucholon/product/new.html?tag=new">New Arrivals</a></li>
            <li class="item-class"><a href="/khucholon/product/index.html?tag=popular">Most Popular</a></li>
        </ul>
    </li>
    <li class="item-class"><a href="/khucholon/site/login.html">Login</a></li>
</ul>

CSS

.item-class a{color:red}

或者你可以使用和自定义一些伪类

a.anchor-link:link, a.anchor-link:active, a.anchor-link:hover, a.anchor-link:visited{
color:red
}

您几乎可以使用以下选项为节点级别设置 css：

linkOptions（用于最里面的链接）

htmlOptions、activeCssClass、itemCssClass、submenuHtmlOptions、firstItemCssClass

查看更多 Yii CMenu

Answer 2

尝试使用 htmlOptions 将您自己的类设置为菜单，并根据您的需要使用该 css 类来设置样式。

$this->widget('zii.widgets.CMenu', array(
    'htmlOptions' => array('class' => 'mynav'),

在你的 CSS 中

.mynav{
color:red
}