Css 是否在单击时不更改引导按钮？

我对bootstrap还不熟悉，我正在尝试制作一组按钮，这些按钮只在单击时执行操作，而不执行其他操作（例如，不更改按钮填充的颜色，不更改轮廓颜色，只需使其与导航栏按钮保持一致）

这就是我到目前为止所做的：

.btn-default {
  font-family: Monospace;
  font-size: 20px;
  color: #F5C173;
  background-color: #8F390D;
  border-color: #8F390D;
  border-radius: 0px;
}

.btn-default:hover {
  background-color: #8F390D;
  border-color: #8F390D;
  color: #9F590D;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), -2px 2px 2px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1);
}

这里是我声明按钮的地方：

<nav class="navbar navbar-default navbar-fixed-top">
  <div class="container">
    <button type="button" class="btn navbar-btn btn-default" style="float: right">about</button>
    <button type="button" class="btn navbar-btn btn-default" style="float: right">portfolio</button>
    <button type="button" class="btn navbar-btn btn-default" style="float: right">contact</button>
  </div>
</nav>

关于
文件夹
接触

基本上，无论是否单击按钮，我都希望悬停效果保持不变

---

谢谢

只需在您想要保持不变的所有内容后面添加重要内容，如下所示：

.btn-default {
  font-family: Monospace;
  font-size: 20px;
  color: #F5C173!important;
  background-color: #8F390D!important;
  border-color: #8F390D!important;
  border-radius: 0px;
  box-shadow: none!important;
}

.btn-default:hover {
  background-color: #8F390D!important;
  border-color: #8F390D!important;
  color: #9F590D!important;
  box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1), -2px 2px 2px rgba(0, 0, 0, 0.1), 2px 2px 2px rgba(0, 0, 0, 0.1)!important;
}

---

同时尝试将规则添加到focus:

.btn default:hover，.btn default:focus{

谢谢，我不知道focus存在@RichardHowell