Html 按钮链接样式无效

我正在为引导开发我自己的alternitave，目前正在开发按钮和链接。 按钮在按钮元素中具有锚定标记，但链接样式正在显示

HTML

---

你漏掉了逗号。将CSS更改为

button.btn-info a:visited,
button.btn-info a:active,   
button.btn-info a:link,
button.btn-info a:hover {
    color:#0066CC;
    text-decoration: none;
}

编辑：

根据昆汀上面的评论，他是正确的，你的HTML是无效的。你不应该在一个按钮里有一个锚。因此，我建议您将CSS更改为：

.btn-info {
    color:#0066CC;
    text-decoration: none;
}

然后执行以下任一操作：

<a href="#" class="btn-info">Info</a>

或：

Info

---

取决于您的应用程序。

您漏掉了逗号。将CSS更改为

button.btn-info a:visited,
button.btn-info a:active,   
button.btn-info a:link,
button.btn-info a:hover {
    color:#0066CC;
    text-decoration: none;
}

编辑：

根据昆汀上面的评论，他是正确的，你的HTML是无效的。你不应该在一个按钮里有一个锚。因此，我建议您将CSS更改为：

.btn-info {
    color:#0066CC;
    text-decoration: none;
}

然后执行以下任一操作：

<a href="#" class="btn-info">Info</a>

或：

Info

---

取决于您的应用。

干杯！我得等一会儿才能把它作为答案。干杯！我得等一会儿才能把它标记为答案。你的HTML无效。按钮内不能有链接（反之亦然）。尝试这样做往往会在浏览器之间产生不一致的交互结果。如果您想要链接，请使用链接。如果你想要一个按钮，就用一个按钮。应用CSS使其看起来像你喜欢的样子。^这是一个公平的选择comment@Quentin那我该怎么办？我会创建一个输入元素，并将其类型按钮和操作设置为url吗？@AnonyDev-这取决于您想做什么。如果你想要一个链接，那么就拥有一个链接。应用CSS使其看起来像你喜欢的样子。你的HTML无效。按钮内不能有链接（反之亦然）。尝试这样做往往会在浏览器之间产生不一致的交互结果。如果您想要链接，请使用链接。如果你想要一个按钮，就用一个按钮。应用CSS使其看起来像你喜欢的样子。^这是一个公平的选择comment@Quentin那我该怎么办？我会创建一个输入元素，并将其类型按钮和操作设置为url吗？@AnonyDev-这取决于您想做什么。如果你想要一个链接，那么就拥有一个链接。应用CSS使它看起来像你喜欢的样子。