将悬停图像(CSS)添加到DataPager中的ASP.NET链接按钮

Question

我使用以下方法将悬停图像添加到.Net LinkBut​​tons:

.rollover a 
{
  background-image:url(/images/shoppingcart/butpill_continue.gif);
}

.rollover a:hover 
{
  background-image:url(/images/shoppingcart/butpill_continue_over.gif);
}

<div class="rollover">
<asp:LinkButton ID="btnContinue" runat="server"></asp:LinkButton>
</div>

这适用于常规链接按钮.

我需要将它添加到DataPager中的下一个/上一个按钮.我尝试将ButtonType设置为"Link"并应用ButtonCssClass ="rollover",但这不起作用.有没有办法实现这个目标？

Answer 1

尝试将你的CSS更改为

a.rollover { background-image:url(/images/shoppingcart/butpill_continue.gif); }

a.rollover:hover { background-image:url(/images/shoppingcart/butpill_continue_over.gif); }

要不就

.rollover { background-image:url(/images/shoppingcart/butpill_continue.gif); }

.rollover:hover { background-image:url(/images/shoppingcart/butpill_continue_over.gif); }

您还必须将其他图像更改为此类图像

<asp:LinkButton ID="btnContinue" runat="server" CssClass="rollover" />