我正在尝试编辑导航,它使用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;
}
谢谢你的建议
您应该尝试这样做:
.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;
}