将CSS应用于我的ASP.net LinkBut​​ton

Question

我该如何做到这一点？

我的CSS：

.MainMenu
{
    position: absolute;
    top:135px;
    left:15px;    
    background-color: #033E6B;
    color:White;
    border-style:double;
    border-color:White;
}

.MainMenu ul
{
    list-style-type:none;
    padding-left:3px;
    padding-right:3px;
}

我的用户控制代码：

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="MainMenu.ascx.cs" Inherits="LoCompro.UserControls.MainMenu" %>
<ul>
    <li><asp:LinkButton ID="LinkButton4" runat="server">Inicio</asp:LinkButton></li>
    <li><asp:LinkButton ID="LinkButton1" runat="server">Navegar Por Categoria</asp:LinkButton></li>
    <li><asp:LinkButton ID="LinkButton2" runat="server">Navegar Por Marca</asp:LinkButton></li>
    <li><asp:LinkButton ID="LinkButton3" runat="server">Buscar</asp:LinkButton></li>
</ul>

我的主页：

<div class="MainMenu">
            <uc2:MainMenu ID="MainMenu1" runat="server" />
        </div>

我的目的是修改链接的显示方式。我希望它们是白色，在悬停时变黄，即使它们点击它/之前已经访问过也不会改变。

我不知道如何使用LinkBut​​tons，今天是我的第一次。 :)

谢谢你们！

Answer 1

这应该非常接近。

.MainMenu a { 
  color: #FFF;
}

.MainMenu a:active 
{

}

.MainMenu a:visited 
{

}

.MainMenu a:hover { 
  color:#FFFF00;
}

Answer 2

给链接按钮一个CssClass =“nameofclass”，它是linkbutton的属性

在你的CSS中然后：

.nameofclass
{

}
.nameofclass a
{

}

Answer 3

您可以使用LinkBut​​ton的CssClass属性向其添加css类。

<asp:LinkButton ID="LinkButton1" CssClass="buttonClass" runat="sever">

然后在你的css文件中创建一个css类“buttonClass”。

.buttonClass
{
}

Answer 4

a.mylink
{
    color: #990000;
    text-decoration:none;
}

a:hover.mylink
{
    color: #990000;
    text-decoration:underline;
}

你会发现它很有用......