0

我正在尝试编辑导航,它使用一个 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;
}

感谢您的任何建议

4

1 回答 1

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;
}
于 2013-06-10T12:02:04.427 回答