C# 带有填充的菜单项的悬停问题
下面是我正在编写的示例代码：C# 带有填充的菜单项的悬停问题,c#,asp.net,css,menu,hover,C#,Asp.net,Css,Menu,Hover,下面是我正在编写的示例代码： <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>
<!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">
.menu
{
border: 1px solid #C0C0C0;
color: #FFFFFF;
background-color: #66A6CC;
font-family: Cambria;
text-align: justify;
font-size: medium;
width: 200px;
padding:8px;
padding-left:0px;
text-indent:10px;
display:inline-table;
}
.menu:hover
{
background-color: #FFFFA6;
color: #000000;
</style>
</head>
<body>
<form id="form1" runat="server">
<div style="float:left; margin:10px;">
<asp:Menu ID="Menu1" runat="server" StaticMenuItemStyle-CssClass="menu" >
<Items>
<asp:MenuItem Text="Menu row" Value="menurow"
NavigateUrl="Default2.aspx" ></asp:MenuItem>
<asp:MenuItem Text="Menu row" Value="menurow1"
NavigateUrl="Default2.aspx" ></asp:MenuItem>
<asp:MenuItem Text="Menu row" Value="menurow2"
NavigateUrl="Default2.aspx" ></asp:MenuItem>
</Items>
</asp:Menu>
</div>
</form>
</body>
</html>
无标题页
.菜单
{
边框：1px实心#C0C0；
颜色：#FFFFFF；
背景色：#66A6CC；
字体家族：Cambria；
文本对齐：对齐；
字号：中等；
宽度：200px；
填充：8px；
左侧填充：0px；
文本缩进：10px；
显示：内联表；
}
.菜单：悬停
{
背景色：#FFFFA6；
颜色：#000000；
整个电池应该变成黄色，但由于填充物的原因，它不会变成黄色
编辑：我删除了填充，但同样的事情再次发生。我想这是因为显示类型。我尝试了大多数显示类型，但它们不适合菜单
解决方案：Chrome在渲染某些组件时出现问题。有在线解决方案，请用谷歌搜索“ASP.NET Chrome菜单问题”。我是通过复制HTML代码来解决的。我唯一更改的是在“.menu:hover”类中添加缺少的右括号
我在Firefox和InternetExplorer8中测试了这个页面
填充不应导致黄色悬停出现任何问题。您使用的浏览器是什么？这是您在my chrome中使用填充18px的代码输出：
不，把鼠标放在菜单项上，靠近边框。项目周围的矩形变成黄色，而不是整个条目。我希望整个项目变成黄色。当我通过菜单项中间的光标时，得到相同的结果。当光标靠近边框时，出现黄色矩形，里面是蓝色的。我删除了。填充，同样的事情发生，但一个更薄的矩形。