css悬停在链接上 - 无法正常工作

Question

This is the site

最后一部分有一个按钮 - 立即加入。

目前悬停按钮有 - 绿色背景和白色文字。我希望它是白色背景和绿色文本。

我试过这段代码：

std::getline(std::cin)

但由于某些原因，没有任何变化。

非常感谢帮助和建议。

Answer 1

已经应用了一些类，因此必须覆盖类

这是应用

的默认类

a:hover, a:focus, a:active {
    background-color: #2a8a15;
    color: #fff;
}

所以你必须添加这个

 .joen_now_part h6 a:hover {
   background-color: #fff !important;
   color: #2a8a15 !important;

 }

for reference

Answer 2

尝试类似codepen

的内容

.yourButton {
  background: transparent;
  border: 2px solid #2a8a15;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  padding-right: 20px;
  text-transform: Uppercase;
  color: #2a8a15;
  font-family: 'Lato', sans-serif;
  border-radius: 5px;
  font-size: 16px;
  cursor: pointer;
}

.yourButton:hover, yourButton:focus, yourButton:active {
  background: #FFFFFF;
  color: #2a8a15;
}