javascript - 更改 Bootstrap btn css 和悬停操作问题

Question

我正在使用 bootstrap 来构建导航菜单，我将按钮从主要类更改为反向按钮，我在其中使用内联 css 进一步自定义反向类以满足我的外观和感觉需求。

.btn-inverse {
    background-color: transparent;
    color: silver;
}

唯一的问题是鼠标悬停和下拉菜单单击该元素上的菜单标题几乎不可见(几乎不可见)

因为生成的html代码是

<button class="btn btn-inverse active dropdown-toggle" data-toggle="dropdown" type="button">
   Menu item
   <span class="caret"></span>
</button>

我试过

.btn-inverse :hover {    
    color: white!important;
}

但这并没有帮助。有什么想法吗？

Answer 1

:hover 前没有空格

.btn-inverse:hover {    
   color: white!important;
}

试试这个