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

时间:2013-11-30 20:59:57

标签: php css yii

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

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

请帮忙。

2 个答案:

答案 0 :(得分: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(最内层链接)

htmlOptionsactiveCssClassitemCssClasssubmenuHtmlOptionsfirstItemCssClass

了解更多 Yii CMenu

答案 1 :(得分:0)

尝试使用htmlOptions将自己的类设置为菜单,并根据需要使用该css类进行样式设计。

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

在你的CSS中

.mynav{
color:red
}