在我的菜单控件中使用CSS

时间:2012-03-29 14:32:23

标签: asp.net vb.net

我有一个菜单控件,我想要做的是更改每个menuItem的颜色,但没有cssClass属性这样做。我怎么能做到这一点。这是我的代码如下。

<asp:Menu ID="Menu1" runat="server" CssClass="menu"  Orientation="horizontal"> 
            <Items>
                <asp:MenuItem NavigateUrl="" Text="Home"/>
                <asp:MenuItem NavigateUrl="" Text="Entry">
                     <asp:MenuItem Text="New" NavigateUrl=""/>
                    <asp:MenuItem Text="Edit" NavigateUrl=""/>
                </asp:MenuItem>

                <asp:MenuItem NavigateUrl="" Text="Maintenance">
                </asp:MenuItem>

                 <asp:MenuItem Text="Main Form">
                    <asp:MenuItem Text="Add a record" NavigateUrl=""/>
                    <asp:MenuItem Text="Edit a record" NavigateUrl=""/>
                </asp:MenuItem>
            </Items>
        </asp:Menu>

1 个答案:

答案 0 :(得分:3)

就个人而言,我会废弃ASP.NET Menu控件的使用,并以简单,直接的方式重新构建导航,HTML&amp; CSS。

根据我对ASP.NET菜单的体验,这些通常会呈现为错误的 HTML。我相信它们会呈现为HTML表格,not what HTML tables are for

此外,您可以根据需要设置HTML样式,因为您可以完全控制代码。


话虽如此,通过应用对主控件MenuItem的引用,可以设置CssClass的样式。例如,如果我确定菜单在渲染时使用HTML表格,您可以使用以下代码设置它们的样式:

.menu tr td
{
   //styles here
}