Bootstrap按钮和链接按钮在同一个类中是不同的

Question

我在Bootstrap 4测试版中有两个按钮（经典按钮和链接按钮），但它们以两种不同的方式显示。

<button type="submit" class="btn btn-primary btn-block">Verify</button>

<a href="#" type="button" class="btn btn-primary btn-block">Verify</a>

所有按钮都会发生同样的情况（即使它们没有.btn-block类）。我使用scss并评论我的所有导入，以确保我的代码中没有冲突，问题是相同的。

Answer 1

The CSS type selector按节点名称匹配元素。换句话说，它选择文档中给定类型的所有元素。

例如，你可能有css：

 a {
 border: 1px solid #000;
}

或

button {
 border-radius:5px;
}

Answer 2

在第二行代码中出现了一些错误，根据Bootstrap文档，我应该写一下＆＃34; role =＆＃39; button＆＃39;＆＃34;而不是＆＃34;键入=＆＃39;按钮＆＃39;＆＃34;：

<a href="#" role="button" class="btn btn-primary btn-block">Verify</a>

Answer 3

您是否有其他样式表可以将其他样式应用于<a>代码？使用您发布的HTML（请参阅this JS Fiddle）

，这些元素看起来完全相同