Javascript 将鼠标悬停时的按钮字体颜色更改为"；悬停颜色“；在每个按钮标记上声明，但不在CSS中

这不是一个重复的问题-我不想简单地更改CSS中的字体颜色

我的问题：

我有颜色的产品。蓝色、红色、绿色、黄色、紫色——任何一种颜色

我有一个同样颜色的盒子-

在这个盒子里我有一个按钮“买”

我可以创建这个按钮动态-与相同颜色的框

如果框为蓝色-按钮为蓝色，带有白色边框和白色字体颜色

如果框为红色-按钮为红色，带有白色边框和白色字体颜色

CSS（反转按钮）：

但处于悬停状态

.btn-inv:hover {
    color: #000000;
    background-color: #ffffff;
    border: 1px #ffffff solid;
}

按钮变为白色，字体颜色变为黑色

问题：我需要与方框颜色相同的字体颜色-如果方框为蓝色，则字体颜色为蓝色

当然，如果我改变CSS，我可以这样做

但我需要一种动态的方法来实现这一点，因为我无法创建所有的按钮颜色

使用“风格”的东西：

或标签内有颜色的任何其他标识。因为有了它，我可以简单地发送正确的颜色信息并动态创建按钮

如果我有80种颜色-我可以对所有颜色使用相同的CSS-然后通过ASP发送正确的颜色来动态完成按钮

---

我不需要仅仅因为这个就创建80个CSS按钮。

考虑如下CSS变量：

a.btn{
填充：0 10px；
颜色：#000；
边框：1px实心；
}
a、 btn：悬停{
颜色：var（--h，黄色）；
}

---

考虑如下CSS变量：

a.btn{
填充：0 10px；
颜色：#000；
边框：1px实心；
}
a、 btn：悬停{
颜色：var（--h，黄色）；
}

好吧，我不是说这是重复的，但可以帮助缩小您的选择范围。嗨@aᴍ是的，我也试过这个。。但是所有的解决方案都是JS。temani afif为我们提供了一个更好的解决方案——CSS。太多了！好吧，我不是说这是一个重复，但可以帮助缩小你的选择范围ᴍ是的，我也试过这个。。但是所有的解决方案都是JS。temani afif为我们提供了一个更好的解决方案——CSS。太多了！你好@temani afif-太好了！！！！！！我爱你！！：真的！太多了！我尝试了很多解决方案，但没有一个有效。你给我带来了一个伟大的解决方案！太多了！！测试和接受！这真是天才！你好@temani afif-太好了！！！！！！我爱你！！：真的！太多了！我尝试了很多解决方案，但没有一个有效。你给我带来了一个伟大的解决方案！太多了！！测试和接受！这真是天才！

.btn-inv:hover {
    color: #000000;
    background-color: #ffffff;
    border: 1px #ffffff solid;
}

<a href="#" class="btn btn-inv btn-lg" style=".HOVER: color: #4a62ab">BUY</a>