asp页面样式的疑难问题。

syliuxybj 2008-07-15 01:32:14

页面中的超链接的样式定义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的样式问题？？？

...全文

150 8 打赏收藏转发到动态举报

写回复

用AI写文章

8 条回复

切换为时间正序

请发表友善的回复…

发表回复

fellowcheng 2008-07-17

打赏
举报

不理解的地方是，为什么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>

kofkyo 2008-07-17

打赏
举报

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

syliuxybj 2008-07-16

打赏
举报

谁有解决方法啊？？？？？？？？？？？？

syliuxybj 2008-07-15

打赏
举报

页面完整代码如下：
<%@ 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呢？？？

fellowcheng 2008-07-15

打赏
举报

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

fellowcheng 2008-07-15

打赏
举报

或者添加外观文件(.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>

fellowcheng 2008-07-15