如何在我的 ASP.NET 控件中获得黑色且没有下划线的 LinkButton？答案

【问题标题】：How I get a LinkButton in Black and without Underline in my ASP.NET Control?如何在我的 ASP.NET 控件中获得黑色且没有下划线的 LinkButton？
【发布时间】：2014-08-05 02:11:33
【问题描述】：

我有一个 ASP.NET 应用程序并使用 ListView。如果我创建一个 ListItem（一行），我想使用一个 LinkButton。我希望这个 LinkButton 具有 CSS 属性..

color:Black;
text-decoration:none;

但是如果我启动应用程序。我将链接按钮设为蓝色并带有下划线:(

这里是我的代码：

ASPX：

...

<asp:ListView runat="server" ID="myListView">

        <LayoutTemplate>
            <table id="UserTable" runat="server" border="0">
                <tr id="Tr1" style="background-color:#E5E5FE">
                    <th runat="server"><asp:LinkButton ID="lnkBenutzer" runat="server" >id_Benutzer</asp:LinkButton></th>
                    <th runat="server"><asp:LinkButton ID="lnkemail" runat="server" >id_Email</asp:LinkButton></th>
                    <th runat="server"><asp:LinkButton ID="lnkVorname" runat="server" >id_Vorname</asp:LinkButton></th>
                    <th runat="server"><asp:LinkButton ID="lnkNachname" runat="server" >id_Nachname</asp:LinkButton></th>
                    <th runat="server"><asp:LinkButton ID="lnkTelefon" runat="server" >id_Telefon</asp:LinkButton></th>
                </tr>
                <tr runat="server" id="ItemPlaceholder">
                </tr>
            </table>
        </LayoutTemplate>

        <ItemTemplate>

            <tr> 

                <td align="left" ><asp:LinkButton ID="Label1" Text='<%# Eval("Benutzername") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label2" Text='<%# Eval("eMail") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label3" Text='<%# Eval("Vorname") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label4" Text='<%# Eval("Nachname") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label5" Text='<%# Eval("Telefonnummer") %>' runat="server" /></td>

             <td align="left"><asp:Button ID="Button1" Text="Anzeigen" OnCommand="Button1_Command" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>'  runat="server" /></td>

              <td align="left"><asp:Label ID="Label6" Text='<%# Eval("GUID") %>' runat="server" Visible="False" /></td>


            </tr>

        </ItemTemplate>

        <AlternatingItemTemplate>

            <tr style="background-color:#EFEFEF"> 

                <td align="left" ><asp:LinkButton ID="Label1" Text='<%# Eval("Benutzername") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label2" Text='<%# Eval("eMail") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label3" Text='<%# Eval("Vorname") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label4" Text='<%# Eval("Nachname") %>' runat="server" /></td>
                <td align="left"><asp:Label ID="Label5" Text='<%# Eval("Telefonnummer") %>' runat="server" /></td>

            <td align="left"><asp:Button ID="Button1" Text="Anzeigen" OnCommand="Button1_Command" CommandName="Select" CommandArgument='<%# Container.DataItemIndex %>'  runat="server" /></td>

                <td align="left"><asp:Label ID="Label6" Text='<%# Eval("GUID") %>' runat="server" Visible="False" /></td>

            </tr>

        </AlternatingItemTemplate>

        </asp:ListView>

...

我的 CSS 文件：

...

#Label1
{
    color:Black;
    text-decoration:none;

}

...

怎么了？

塔拉索夫

【问题讨论】：

检查您生成的 html，您可能生成了 <a> 链接。 a 和 a:hover 的设置样式可以提供帮助。

标签： c# asp.net css listview linkbutton

【解决方案1】：

#Label1 表示只有最终 HTML 中带有 id="Label1" 的控件才会被 CSS 格式化。

当您在 ASP.NET 中创建控件（无论是在页面、用户控件、转发器等中）时，它不会在 HTML 中仅称为 Label1，而是类似于 ctl100_Label1。

您需要做的是将 CSS 创建为类，然后使用 CssClass 在您的控件上使用该类。

.MyLabel {
  color: Black;
  text-decoration: none;
}

<asp:Label ID="Label2" Text='<%# Eval("eMail") %>' runat="server" CssClass="MyLabel" />

另一种选择（而不是将CssClass 放入每个asp:Label）是使用其中一个父控件的ID 或CssClass，并改用它。比如……

<table id="UserTable" runat="server" border="0" class="UserTableClass">

.UserTableClass span {
  color: Black;
  text-decoration: none;
}

【讨论】：

【解决方案2】：

解决方案

....

<td align="left" ><asp:LinkButton ForeColor="Black" Font-Underline="false" ID="Label1" Text='<%# Eval("Benutzername") %>' runat="server" /></td>

...

【讨论】：

【解决方案3】：

默认情况下，ASP ID 的工作方式不同，并且与 HTML id 不同，如果您想使用ClientIDMode，可以告诉它。

或者，您可以设置CssClass 的asp:LinkButton。

<asp:LinkButton .... CssClass="Label1" ... />

【讨论】：

mhh ok...我用控件属性试试。