jquery - 如何使用 css 更改悬停时的部分文本

Question

这个问题已经有答案了:

Change text on hover, then return to the previous text (9 个回答)

已关闭 9 年前。

我希望我的网站显示:(855) TRY PETS当用户未将鼠标悬停在文本上但我希望显示文本时:(855) 879 7387当用户将鼠标悬停在文本上时。

目前我有:

<li><a href="#"><i class="icon-phone-sign"></i>(855) TRY PETS</a></li>

有没有一种简单的方法可以使用 css 进行此更改？

Answer 1

仅 CSS 方法:

JSFiddle

HTML 和 CSS:

li a:before {
  content:"(855) TRY PETS"
}

li a:hover:before {
  content:"(855) 879 7387"
}

    <li><a href="#"></a></li>