C# 菜单项无法显示CSS中的内容 分区菜单 { 填充:4px 0px 4px 8px; } 分区菜单 { 列表样式:无; 边际:0px; 填充:0px; 宽度:自动; } 分区菜单ul li a,分区菜单ul li a:已访问 { 背景色:#465c71; 边框:1px#4e667d实心; 颜色:#dde4ec; 显示:块; 线高:1.35em; 填充:4px20px; 文字装饰:无; 空白:nowrap; } 分区菜单ul li a:悬停 { 背景色:#bfcbd6; 颜色:#465c71; 文字装饰:无; } 分区菜单ul li a:激活 { 背景色:#465c71; 颜色:#cfdbe6; 文字装饰:无; }
将div.menu更改为.menuC# 菜单项无法显示CSS中的内容 分区菜单 { 填充:4px 0px 4px 8px; } 分区菜单 { 列表样式:无; 边际:0px; 填充:0px; 宽度:自动; } 分区菜单ul li a,分区菜单ul li a:已访问 { 背景色:#465c71; 边框:1px#4e667d实心; 颜色:#dde4ec; 显示:块; 线高:1.35em; 填充:4px20px; 文字装饰:无; 空白:nowrap; } 分区菜单ul li a:悬停 { 背景色:#bfcbd6; 颜色:#465c71; 文字装饰:无; } 分区菜单ul li a:激活 { 背景色:#465c71; 颜色:#cfdbe6; 文字装饰:无; },c#,asp.net,C#,Asp.net,将div.menu更改为.menu <td class="style22" align="center"> <asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal"> <Items> <asp:
<td class="style22" align="center">
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal">
<Items>
<asp:MenuItem NavigateUrl="~/Default.aspx" Text="Home"/>
<asp:MenuItem NavigateUrl="~/About.aspx" Text="About"/>
</Items>
</asp:Menu>
</td>
<td align="center">
div.menu
{
padding: 4px 0px 4px 8px;
}
div.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
div.menu ul li a, div.menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
div.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
div.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
这是因为.Net Framework将asp:MenuItem呈现为表 您可以将渲染模式更改为
list
,问题将得到解决
要更改渲染模式,必须添加:
.menu
{
padding: 4px 0px 4px 8px;
}
.menu ul
{
list-style: none;
margin: 0px;
padding: 0px;
width: auto;
}
.menu ul li a, .menu ul li a:visited
{
background-color: #465c71;
border: 1px #4e667d solid;
color: #dde4ec;
display: block;
line-height: 1.35em;
padding: 4px 20px;
text-decoration: none;
white-space: nowrap;
}
.menu ul li a:hover
{
background-color: #bfcbd6;
color: #465c71;
text-decoration: none;
}
.menu ul li a:active
{
background-color: #465c71;
color: #cfdbe6;
text-decoration: none;
}
要
像这样标记:
RenderingMode="List"
请更具体地说明问题所在。如果我编辑css和其他内容,它将不会更改我的菜单。对于那些不记得asp:菜单如何呈现为HTML的人,您可以发布实际生成的HTML以及ASPX标记吗?请编辑您的问题(而不是添加评论)。
<asp:Menu ID="NavigationMenu" runat="server" CssClass="menu" EnableViewState="false" IncludeStyleBlock="false" Orientation="Horizontal" RenderingMode="List">