浮动WhatsApp按钮HTML和CSS

我试图使用凯文·卡斯特罗的笔在我的网站上添加一个浮动WhatsApp按钮：

以下是我正在使用的HTML：

<a href="https://api.whatsapp.com/send?phone=12345&text=&source=&data=" class="whatsApp" target="_blank"><i class="fa fa-whatsapp my-whatsApp"></i></a>

然而，有几个问题：

它在手机上不起作用？该按钮在页面上的任何位置都不显示

<> LI>当我在页面上插入代码时，WhatsApp标识不是白色的（如果你看上面的笔，在图标中间有一个白色的WhatsApp的绿色标志）。李>

---

要解决颜色问题，请将以下css添加到my whatsApp类中，因为a:visited属性会覆盖颜色

color: white;

---

在移动设备中，当我尝试从浏览器中进行操作时，它看起来可以正常工作。我只是想补充一下，我也有同样的错误

当我复制这个例子时，它没有出现在手机上

但后来我把它放在那里一个月，回来后它就开始工作了

---

因此，我想这是在进行更改时在浏览器上刷新CSS文件的问题。

1。当我尝试它时，它可以在Android的Chrome上运行。2.徽标继承了

a

元素的颜色。您应该在html中添加字体代码，并在fonts文件夹中添加inseart字体

color: white;