浮动WhatsApp按钮

Question

我试图在我的网站上添加一个浮动的WhatsApp按钮，方法是使用Kevin的钢笔：https://codepen.io/demoonkevin/pen/MvPEpV

下面是我使用的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>

下面是CSS：

/* WhatsApp Button */

.whatsApp{
    position:fixed;
    width:60px;
    height:60px;
    bottom:40px;
    left:40px;
    background-color:#25d366;
    color:#FFF;
    border-radius:50px;
    text-align:center;
    font-size:30px;
    box-shadow: 2px 2px 3px #999;
    z-index:100;
}
.my-whatsApp{
    margin-top:16px;
}

然而，有几个问题：

，

1. ，它不工作在手机上？当我在页面上插入代码时，按钮没有显示任何地方.
2. whatsapp徽标不是白色的(如果您看上面的笔，它有一个绿色徽标，图标中间有一个白色whatsapp )。

Answer 1

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

color: white;

在移动设备中，当我尝试从浏览器中尝试时，它看起来是工作的。

Answer 2

只是想补充一下我也犯了同样的错误。

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

但后来我把它留在那里一个月，回来了，起作用了。

因此，我想这是在您进行更改时刷新资源管理器上的CSS文件的问题。