Question

最近我一直在学习 ASP.NET 。我遇到了一些轻微的困难，我无法解决，也没有找到解决方案，经过数小时的试用和错误/搜索。现在你知道我不是在浪费你的时间，这是信息！

我在ASP.NET中创建了一个沼泽标准菜单。它只有来自普通 Web.Sitemap 文件的四个普通链接。我通过外部样式表引用其 ID 来设置样式。所有内容都已正常设置，除了丑陋的 橙色边框，当点击链接时会显示。因此，当它具有橙色边框时，我认为它是：active 。那么如何删除这个橙色边框？

以下是相关代码：

在 MasterPage

中

<div id="Menu">
            <asp:Menu ID="Menu1" runat="server" DataSourceID="SiteMapDataSource1" 
                Orientation="Horizontal">
            </asp:Menu>
                <asp:SiteMapDataSource ID="SiteMapDataSource1" runat="server" 
                ShowStartingNode="False" />
        </div>

来自外部样式表：

#Menu
{
    height:20px;
    width: 780px;
    font-size: 20px;
}

#Menu ul li
{
    text-align: center;
    width: 195px;
    background-color: #FFFFFF;
    display: block;
}

我尝试了几种不同的解决方案，我希望列出这些解决方案以节省您的时间，但我可能已经忘记了其中的大多数。无论如何......我可能会犯一些你会立即发现的愚蠢错误！

如果您需要更多信息，那么我将分享任何代码，这只是我为几个朋友聚集的项目。

非常感谢你的时间， JDWebs。

Answer 1

这可能与How to remove border (outline) around text/input boxes? (Chrome)

重复

BTW：使用类而不是ID来设置菜单样式。如果将它与ASP.NET一起使用，则使用ID不是一个好主意，因为ASP.NET会为runat="server"的标记生成自己的ID。

Answer 2

如果您尝试以下操作该怎么办？

#Menu ul li a, 
#Menu ul li a:active {outline:none;}

在ASP.NET中的活动菜单上删除橙色边框

2 个答案: