如何在 ASP.NET 中更改超链接的颜色答案

【问题标题】：How to change the color of the HyperLink in ASP.NET如何在 ASP.NET 中更改超链接的颜色
【发布时间】：2011-04-12 15:45:46
【问题描述】：

我正在做迷你 ERP 项目。因为我有 3 个框架。框架用作标题，我有“主页”和“注销”图像按钮当我单击“主页”时，frame3 进入主页，当我单击“注销”按钮时，所有帧都消失了，“登录”屏幕的主窗口出现。我在 ASP.NET 中使用超链接控件在图像中使用了“主页”和“注销”按钮问题是由于超链接按钮周围有蓝色边框。我想删除图像按钮周围的边框。任何人都可以知道如何删除该边框 这是我的代码

<asp:HyperLink ID="HomeButtonlink" 
    BorderWidth="0px" 
    Font-Overline = "False"
    ImageUrl="~/Images/Untitled-5.png" 
    runat="server"
    Height="100%" 
    Target ="frame3"
    NavigateUrl="~/About.aspx" 
    BorderStyle="None"></asp:HyperLink>

提前致谢 A.S.Rajkumar.Rajguru

【问题讨论】：

标签： c# asp.net html

【解决方案1】：

我会为此创建一个新的 CSS 类：

<asp:HyperLink ID="HomeButtonlink" CssClass="linkbutton"
    ImageUrl="~/Images/Untitled-5.png" 
    runat="server" Target="frame3" NavigateUrl="~/About.aspx"></asp:HyperLink>

你可以这样定义你的类：

a.linkbutton, a.linkbutton:visited, a.linkbutton img
{
    border: none;
    outline: none;
}

通过使用 asp.net 服务器控件，您获得的收益很少。你可以这样做：

<a href="<%=ResolveUrl("~/about.aspx")%>" target="frame3" class="linkbutton">
    <img src="<%=ResolveUrl("~/images/untitled-5.png") %>" />
</a>

【讨论】：

【解决方案2】：

链接图像周围的边框是默认 HTML 样式表的一部分。

要为所有图像消除它，请在您的页面中添加一些简单的 CSS，如下所示：

img {border:none;}

这是一件很常见的事情，因为如今很少有人真正想要默认行为。您可能希望考虑向您的站点添加一个“重置”样式表，以摆脱所有不需要的默认行为。它还将使您的页面在不同浏览器之间的工作更加一致。

以下是相关问题的链接，可帮助您了解更多信息：https://stackoverflow.com/questions/116754/best-css-reset

如果出于某种原因您不想影响所有您网站上的图片链接，您还可以为其制作更具体的样式表，因为您已经为其指定了 ID： p>

#HomeButtonlink {border:none;}

您还可以向对象添加一个 CSS 类，然后如果您想将其应用于一组按钮，请在样式表中引用它。

...但坦率地说，如果我是你，我会选择完全重置。

【讨论】：