在悬停时更改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并且它似乎正在运行，但在不悬停时它不会在链接按钮中显示标签。 此外，它适用于小提琴，但不适用于我的电脑。

Login/basket和Register/Hello(#Logged)的工作方式是用户登录网站，然后链接按钮"login"和"register"消失，并显示链接按钮{{1 }和“"basket"

在我的计算机上，它不会将hello + Label(contains User's FirstName)"更改为hello(#Logged) LinkButton。

我该怎么做才能解决它？

Answer 1

我不太了解asp - 但你只能用CSS实现这个目标

＆＃13;

＆＃13;

#button:before{
  content:'Hello'}

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

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 2

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;