改变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

之前没有空格：悬停

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

试试这个

Answer 2

在使用悬停选择器之前没有空格（正如YangLi已经回答的那样），在这种情况下，您不需要filename = new String(filename.getBytes(), "ISO-8859-1"); 声明。 如果你说这种风格内联比这样也可以

!important

When to use the important css declarations