Изменение содержимого LinkButton при зависании

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) работы является то, что пользователь регистрируется на сайте и затем LinkButtons "login" и "register" пропадают и это показывает LinkButtons "basket" и "hello + Label(contains User's FirstName)"

на моем компьютере, это не меняет hello(#Logged) LinkButton . в "Sign Out"

, что я могу сделать, чтобы исправить это

Answer 1

Я надеваю;? знаю много о осины - но вы можете добиться этого с помощью 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>