无法在sharepoint 2013中更改asp菜单上的字体颜色

时间:2013-06-09 15:50:15

标签: css sharepoint aspmenu

我正在尝试编辑使用asp菜单控件的导航....我除了字体颜色之外还做了其他所有事情;我无法让它发挥作用。

我尝试过添加StaticSelectedStyle-CssClass =" StaticSelectedStyle"线,和其他喜欢它。我尝试使用单独的css类来导航我使用的那个。没有任何作用:

菜单

<SharePoint:AspMenu
                    id="V4QuickLaunchMenu"
                    StaticSelectedStyle-CssClass="StaticSelectedStyle"
                    runat="server"
                    CssClass="nav"
                    ForeColor="Black"
                    EnableViewState="false"
                    DataSourceId="QuickLaunchSiteMap"
                    UseSimpleRendering="true"
                    Orientation="Horizontal"
                    StaticDisplayLevels="1"
                    DynamicHorizontalOffset="0"
                    AdjustForShowStartingNode="true"
                    MaximumDynamicDisplayLevels="2"
                    StaticPopoutImageUrl="/_layouts/15/images/menudark.gif?rev=23"
                    StaticPopoutImageTextFormatString=""
                    SkipLinkText=""
                    StaticSubMenuIndent="0"

                />

CSS:

.nav{
    margin-top:0px;   
}

.nav ul {
    list-style-type:none;
    margin:0;
    padding:0;
    margin-top:0px;  
    width:800px;

}

.nav li{
    margin-left:20px;
    background-color:fuchsia;
    padding: 10px 10px 10px 35px;
    color:White;
    text-align:center;
    border-top-left-radius:10px;
    border-top-right-radius:10px;

}

.nav li selected{
    color:#33CCFF;
}

.StaticSelectedStyle{
    color:aqua;
    background-color:aqua;
}

感谢您的任何建议

1 个答案:

答案 0 :(得分:0)

你应该尝试这样的事情:

.nav li a .menu-item-text, .nav li a:link .menu-item-text, .nav li a:active .menu-item-text {
    color:White !important;
}
.nav li a:hover .menu-item-text, .nav li a:visited .menu-item-text {
    color:#33CCFF !important;
}