更改悬停的LinkBut​​ton内容

Question

我试图改变一个linkbutton内容，所以当鼠标移到它时，它会将其内容更改为“注销”。

内容之前为：

<asp:LinkButton ID="Logged" runat="server" class="Connected" OnClick="Logged_Click">Hello <asp:Label ID="name" runat="server" Text="name"></asp:Label></asp:LinkButton> 

后： 假设是：

<asp:LinkButton ID="Logged" runat="server" class="Connected" OnClick="Logged_Click">Log Out </asp:LinkButton> 

我已经上传的代码fiddle，它似乎是工作，但它并不显示不悬停时链接按钮中的标签。 也可以在小提琴上工作，但不能在我的电脑上工作。

的方式Login/basket和Register/Hello(#Logged)作品是用户登录到网站，然后在了LinkBut​​ton "login"和"register" dissapear并显示了LinkBut​​ton "basket"和“hello + Label(contains User's FirstName)"

我的电脑上

，它不会改变hello(#Logged) LinkButton 。到"Sign Out"

我能做些什么来解决它

Answer 1

我不要;知道很多关于ASP - 但你可以用CSS实现这一目标只是

#button:before{ 
 
    content:'Hello'} 
 

 
#button:hover:before{ 
 
content:'Sign Out'}

<button id="button" type="button"></button>

Answer 2

<style> 
 
a.content::after{content:'Hello'} 
 
a.content:hover::after{content:'Sign Out'} 
 
    
 
</style> 
 
<a class="content"></a>