在ASP.Net菜单控件中更改样式

时间:2013-01-27 16:09:48

标签: asp.net menu

我的菜单控件出现问题时,下拉菜单背景颜色保持白色,当我想要它是黄色时。我已经尝试更改一些属性选项,以便BackColor将是“黄色”,但它仍然是白色的。我注意到没有悬停在任何链接上的菜单颜色是黄色,但下拉菜单是白色的。这就是我在控制中所拥有的:

<asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" 
    BackColor="Yellow" EnableTheming="True" Orientation="Horizontal">
    <StaticMenuStyle BackColor="Yellow" />
    <StaticSelectedStyle BackColor="Yellow" />
    <StaticMenuItemStyle BackColor="Yellow" />
    <StaticHoverStyle BackColor="Yellow" />
</asp:Menu>

控件正在使用静态视图,但更改这些BackColors也无济于事。

此外,是否可以删除每个具有下拉列表的链接旁边的“箭头”图像?我认为它与样式属性有关,但我不确定。

1 个答案:

答案 0 :(得分:0)

已经很长一段时间了,因为问题已被提出,我希望提问者现在能得到答案。但我正在添加一个,以帮助另一个人。

在Firebug中查看渲染的html,我假设页面缺少CSS样式,既不是内部也不是内联。因此,最好为菜单添加自己的样式。

您可以尝试此操作(添加到与您的aspx页面链接的内部或外部样式表):

/* #ctl00_Menu1 is the ID of my menu when rendered*/

#ctl00_Menu1 span
{
    margin: 0 !important;
    padding: 0 !important;
}
#ctl00_Menu1 span a
{
    background: #1383dd;
    color: #fff;
    padding: 5px;
}
#ctl00_Menu1 span a:hover
{
    background: #0065b6;
    color: #fff;
} 
希望它有所帮助。