页面中的超链接的样式定义css样式如下:a {  font-size: 13px; color: #0B4FA1; text-decoration: none}
a:hover {  font-size: 13px; color: #FF3300; text-decoration: underline}结果页面中使用 ASP:Menu时,样式无法使用,当鼠标放到menuitem上时,使用的是上面的超链接的样式。。
但是页面中的LinkButton又不存在这样的问题,请问各位这是啥原因?如何解决ASP:Menu的样式问题???

解决方案 »

  1.   

    或者添加外观文件(.skin),在里面设置<asp:Menu runat="server" SkinID="subMenu" ForeColor="black"
        StaticSubMenuIndent="4px">
        <DynamicHoverStyle BackColor="#666666" ForeColor="White" />
        <DynamicMenuStyle BackColor="#E3EAEB" />
        <StaticMenuItemStyle HorizontalPadding="0px" VerticalPadding="1px" />
        <DynamicMenuItemStyle HorizontalPadding="5px" VerticalPadding="3px" />
        <DynamicSelectedStyle BackColor="#1C5E55" />
    </asp:Menu>
      

  2.   

    用外观文件的话,要设置页面的Theme和控件SkinID
      

  3.   

    页面完整代码如下:
    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default17.aspx.cs" Inherits="Default17" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        <title>Untitled Page</title>
        <style type="text/css">  
        a {  font-size: 13px; color: #0B4FA1; text-decoration: none}
    a:hover {  font-size: 13px; color: #FF3300; text-decoration: underline} 
    .jsmenutext{
        font-size:medium;
        font-names:Verdana;
    }
        </style>
    </head>
    <body>
        <form id="Form1" runat="server">
        
          <h3>Menu DynamicMenuStyle Example</h3>
        
          <asp:menu id="NavigationMenu"
            staticdisplaylevels="2" DynamicHorizontalOffset="2" 
            staticsubmenuindent="10" 
            orientation="Horizontal" CssClass="jsmenutext"
            target="_blank"  
            runat="server">
            
            <dynamicmenustyle backcolor="LightSkyBlue"
              forecolor="Black"
              borderstyle="Solid"
              borderwidth="1" CssClass="jsmenutext"
              bordercolor="Black" />
            <DynamicHoverStyle CssClass="jsmenutext" />
          
            <items>
              <asp:menuitem text="综合概述" Value="综合概述"
                tooltip="综合概述" Selectable="false">
                <asp:menuitem navigateurl="Music.aspx"
                  text="综合概述1"
                  tooltip="综合概述1">
                  <asp:menuitem navigateurl="Classical.aspx" 
                    text="综合概述11"
                    tooltip="综合概述11"/>
                  <asp:menuitem navigateurl="Rock.aspx"
                    text="综合概述12"
                    tooltip="综合概述12"/>
                  <asp:menuitem navigateurl="Jazz.aspx"
                    text="综合概述13"
                    tooltip="综合概述13"/>
                </asp:menuitem>
                <asp:menuitem navigateurl="Movies.aspx"
                  text="综合概述2"
                  tooltip="综合概述2">
                  <asp:menuitem navigateurl="Action.aspx"
                    text="综合概述21"
                    tooltip="综合概述21"/>
                  <asp:menuitem navigateurl="Drama.aspx"
                    text="综合概述22"
                    tooltip="综合概述22"/>
                  <asp:menuitem navigateurl="Musical.aspx"
                    text="综合概述23"
                    tooltip="综合概述23"/>
                </asp:menuitem>
              </asp:menuitem>
            </items>
          
          </asp:menu>
            <br />
            <asp:LinkButton ID="LinkButton1" Font-Names="Verdana" Font-Size="medium" runat="server">LinkButton</asp:LinkButton>    </form></body>
    </html>-------------------------------------------------------------
    不理解的地方是,为什么LinkButton的字体是medium,而menu中的字体是13px呢???怎样让menu中的字体是样式
    jsmenutext中所设置的medium呢???
      

  4.   

    不理解的地方是,为什么LinkButton的字体是medium,而menu中的字体是13px呢???怎样让menu中的字体是样式 
    jsmenutext中所设置的medium呢??? ==========================================
    你自己设置的呀
    把样式改为    <style type="text/css">  
        a {  font-size: medium; color: #0B4FA1; text-decoration: none} 
    a:hover {  font-size: medium; color: #FF3300; text-decoration: underline} 
    .jsmenutext{ 
        font-size:medium; 
        font-names:Verdana; 

        </style> 
      

  5.   

    你有没有看网页的源代码,在menu里的项是有class的,不知道是不是这个原因,我没用过