Whatsapp 浮动按钮颜色 HTML 和 CSS

发布于 2025-01-12 10:10:32 字数 768 浏览 0 评论 0原文

我正在尝试使用 Kevin Castro 的笔在我的网站上添加一个浮动 WhatsApp 按钮：https:// codepen.io/demoonkevin/pen/MvPEpV

* 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;
}

但是当我在我的网站上使用它时，它采用我的 WordPress 网站全局颜色，即黄色，我希望它是白色，即使我添加 color:#FF 它仍然与您在屏幕截图中看到的相同这是颜色

原文

I'm trying to add a floating WhatsApp button to my website by using Kevin Castro's Pen here: https://codepen.io/demoonkevin/pen/MvPEpV

* 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;
}

But when I use it on my website it taking my wordpress website global color which is yellow and I want it to be white even tho I add color:#FF it is still same as you can see in screenshot Here is the colour

分享到QQ

分享到微博