如何使文本悬停颜色和按钮文本悬停颜色不同[关闭]

Question

关闭。这个问题是off-topic。它当前不接受答案。

---

是否要改善此问题？ Update the question，因此堆栈溢出为on-topic。

关闭3分钟前。

First Image

Second Image

参见上面的两张图片，我的博客中的链接颜色设置为橙色，如您在第一张图片中看到的，而在第二张图片中，按钮的颜色也变为橙色，现在的问题是我想在按钮中添加链接（在BUY上现在）向其添加链接后，由于链接的悬停颜色，文本颜色变为橙色。因此，我想更改按钮文本的悬停颜色而不更改普通文本的悬停颜色。请告诉我该怎么办

Answer 1

我并没有完全得到想要的东西，但是认为您想要得到这样的东西。是吗？

button {background: blue; color: yellow;}
button:hover {background: orange; color: green;}

<button>Click Me</button>
<a href="http://www.google.com">Google</a>

Answer 2

是，我遇到了您的问题，您希望文章中的文本和按钮中的文本具有不同的悬停样式。如果得到了，那么此代码将为您提供帮助。

<!-- begin snippet: js hide: false console: true babel: false -->

      .button2 a:link, .button2 a:visited {
      background-color: #FF5733;
      color: white;
      text-decoration: none;
    }

    .button2 a:hover, .button2 a:active {
      background-color: #FF5733;
      color:#000000;
    }
    <button class="button button2">Buy Now</button>
    <a href="http://www.google.com">Google</a>

<!-- end snippet-->

Answer 3

CSS游戏。只要我们将button的文本用作链接，它就会变为蓝色，并且在悬停时带有下划线。您可以将样式更改为无，以避免这种情况。我想按钮上的悬停颜色应该没有问题