如何让任何 asp:LinkButton 看起来像一个按钮答案

【问题标题】：How to get any asp:LinkButton to look like a button如何让任何 asp:LinkButton 看起来像一个按钮
【发布时间】：2011-03-27 15:08:33
【问题描述】：

我想要一个看起来像标准按钮的超链接。我曾尝试使用 LinkButton，但无法让它看起来像一个按钮。它似乎总是看起来像一个超链接。我不想设置图像来执行此操作。

有什么想法吗？

【问题讨论】：

为什么不直接使用 Asp:Button？

标签： asp.net .net css

【解决方案1】：

为此使用 css ......就像

<asp:LinkButton ID="LnkButtion" CssClass="buttonClass" runat="server" Text="Button" />

在这里你可以指定你自己的颜色

.buttonClass
{
    padding: 2px 20px;
    text-decoration: none;
    border: solid 1px Green;
    background-color: #ababab;
}
.buttonClass:hover
{
    border: solid 1px Black;
    background-color: #ffffff;
}

【讨论】：

【解决方案2】：

你可以通过 css 来实现。

<asp:LinkButton ID="linkButton" CSSClass="btn" runat="server"></asp:LinkButton>

还在你的 CSS 中定义以下类。

.btn{ text-decoration:none; border:1px solid #000; }

【讨论】：

【解决方案3】：

<asp:Button OnClick="submit" Text="Submit" runat="server" />

【讨论】：

【解决方案4】：

这对我有用：

<a href="mypage.aspx?param1=1" style="text-decoration:none;">
    <asp:Button PostBackUrl="mypage.aspx?param1=1" Text="my button-like link" runat="server" />
</a>

style="text-decoration:none;" 用于删除下属： Removing underline with href attribute

【讨论】：