css - 如何为按钮中的轮廓编写 CSS，因为类 ="btn btn-outline-primary"不起作用？

Question

我有以下按钮代码

示例 1

<button type='submit' class = 'btn btn-success' name='submit'>Logout<i style='margin-left:10px;' class='fas fa-sign-out-alt' aria-hidden='true'></i></button>

示例 2

<div class='btn-group'>                            
<button type="submit" name="showNotBillableEntry" class="btn btn-primary" style='border-radius: 8px; '><i class='fa fa-eye' style='margin-right:10px;'></i>Not Billable Entries
</button>
</div>

但是当我更改类时 btn btn-primary至 btn btn-outline-primary ，按钮变成灰色，而不是 Bootstrap 引用中解释的轮廓。由于类btn btn-primary，早些时候它们是绿色的.

我想用这个<button type="button" class="btn btn-outline-primary">Primary</button>但它不起作用。

引用 Bootstrap - https://getbootstrap.com/docs/4.0/components/buttons/

我需要 css 方面的帮助，因为 Bootstrap 链接说要使用 type='button'代替 type='submit'但我不能使用它，因为此按钮包含一些要提交给 PHP 服务器的数据。

我还包含了在 Bootstrap 中使用所需的链接。

Answer 1

你可以这样做。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<button type="submit" class="btn btn-outline-primary" style="font-size:30px;">Primary</button>