css - 在悬停时将 CSS 应用于 LinkBut​​ton

Question

我在标签 ul 中有一个链接按钮。我为ul设置了css。我想在悬停时为 Linkbutton 设置前景色

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

.MainMenu li
{
float:right;
}

.MainMenu li a
{
color:Black;
}

.MainMenu li a:hover
{
color:Red;
}

 <ul class="MainMenu">
    <li><a>Home</a></li>
     <li><asp:LinkButton id="lnk" runat="server" PostBackUrl="Default.aspx">Home</a>   </li>
 </ul>

我使用此代码，它适用于标签 a，但不适用于 LinkBut​​ton！

Answer 1

您的标记有错误，请将其更改<asp:LinkButton id="lnk" runat="server" PostBackUrl="Default.aspx">Home</a>为<asp:LinkButton id="lnk" runat="server" PostBackUrl="Default.aspx" Text="Home" />

Answer 2

您的代码中存在错误，请使用以下标记LinkButton：

<asp:LinkButton 
    id="lnk"
    runat="server" 
    PostBackUrl="Default.aspx" 
    Text="Home">
</asp:LinkButton>

并记得关闭你的<ul>标签。

希望能帮助到你！