Bootstrap按鈕和鏈接按鈕與同類不同

Question

Bootstrap 4 beta中有兩個按鈕（經典按鈕和鏈接按鈕），但它們以兩種不同方式顯示。

<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

某些錯誤是在代碼的第二行中，根據自舉文件我應該寫「角色=「按鈕'「而不是」type ='按鈕'「：

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

Answer 2

The CSS type selector匹配由節點名稱的元件。換句話說，它選擇文檔中給定類型的所有元素。

例如你可能在你的CSS：

a { 
border: 1px solid #000; 
} 

或

button { 
border-radius:5px; 
} 

Answer 3

您是否有任何其他樣式表可以應用其他樣式es到您的<a>標籤？使用您發佈的HTML看起來相同的元素（請參閱this JS Fiddle）：