javascript - 如何实现这个按钮，但使用 CSS？

Question

如何在 CSS 和 HTML 中创建这两个按钮？我知道我可以轻松地将图像用作背景，但我希望能够在单击按钮时更改按钮中的图标和文本（而不是向下箭头，使其成为播放或暂停图标）（我可以使用“click”事件监听器轻松完成）。我想知道您是否可以获得这些按钮[带有播放或暂停图标而不是下载按钮并且没有 iLivid 徽标/文本]。

到目前为止我有什么？好吧，我正在考虑使用一个<a>按钮本身，一个<i class="[something]"></i>内部的图标，以及一个<span>更改文本。更改图标和文本应该相当简单，所以我想我可以通过更改<i>元素的类并使用类似$().text("Download");更改文本的方法来实现。

这些按钮是广告的一部分。

标签： javascripthtmlcssbuttonicons