html中的单个图标声音播放器使用字体真棒

Question

我想要一个单独的图标声音播放器，当用户点击播放声音文件时...... 唯一的要求是它应该只是纯HTML CSS ...请不要使用JavaScript

<a href="test.mp3"><i class="fa fa-sound"></a>

Answer 1

这是可能的，但只能使用javascript。你可以使用以下代码来完成：

    <audio id="player" src="Kalimba.mp3"></audio>
    <div>
         <a onclick="document.getElementById('player').play()"><i class='fa fa-volume-up fa-2x'></i></a>
     </div>

祝你好运！

修改

href颜色会使其变为蓝色。您需要添加自定义css规则才能将其更改为黑色。 谷歌那个。

例如：

a {
    color: black;
    background-color: transparent;
    text-decoration: none;
 }