javascript - 悬停时更改 LinkBut​​ton 内容

Question

我正在尝试更改链接按钮的内容，因此当鼠标悬停在它上面时，它会将其内容更改为“退出”。

前面的内容是:

   <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它似乎可以工作，但是当不悬停时它不会在链接按钮中显示标签。此外，它适用于 fiddle ，但不适用于我的电脑。

Login/basket 和 Register/Hello(#Logged) 的工作方式是用户登录网站，然后链接按钮 “login” 和 “register” 消失了，它显示了链接按钮 “basket” 和“hello + Label(contains User's FirstName)”

在我的电脑上，它不会将 hello(#Logged) LinkBut​​ton 更改为 "Sign Out"。

我能做些什么来修复它？

Answer 1

我不太了解 asp - 但您可以仅使用 CSS 实现此目的

#button:before{
  content:'Hello'}

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

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