按钮链接样式不起作用

Question

我正在使用自己的alternitave for bootstrap，我正在使用按钮和链接。 按钮在按钮元素中有锚标签，但链接样式正在显示。

HTML

<button class="btn-danger"><a href="#">Danger</a></button>
<button class="btn-error"><a href="#">Error</a></button>
<button class="btn-success"><a href="#">Success</a></button>
<button class="btn-info"><a href="#">Info</a></button>

CSS

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

Answer 1

你错过了逗号。将您的CSS更改为

MyEnumType.values()

修改

根据昆汀的评论，他是正确的，你的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;
}

然后做其中之一：

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

或：

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

取决于您的申请。