引导样式按钮与链接完全相同

时间:2018-10-16 17:07:28

标签: css twitter-bootstrap bootstrap-4

我正在尝试对按钮的样式进行更改,使其与链接的外观相同。这和我所得到的差不多:

enter image description here

<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>

https://codepen.io/anon/pen/ZqvjyJ

这可以实现吗?

2 个答案:

答案 0 :(得分:3)

您只需要添加align-baseline类...

<button class="btn btn-link p-0 m-0 d-inline align-baseline">how</button>

https://codepen.io/anon/pen/dgJjdr

答案 1 :(得分:-1)

它已修复,请检查下面的代码或链接。

HTML:

<p>Hello <a href="aoeu">how</a> are you</p>
<p>Hello <button class="btn btn-link p-0 m-0 d-inline">how</button> are you</p>

CSS

p .btn-link {
    vertical-align: baseline;
}

https://codepen.io/dev_aman/pen/RexYoa