css - 按钮(引导按钮)的颜色在 netbeans 中没有改变？

Question

这是一个信息按钮的 css(来自 bootstrap)，它在我的 style.css 文件中，位于 netbeans 资源中的资源中。我正在使用带有 Java Server Faces 框架的 maven/web 应用程序。:

.btn-info {
background-color: #d60d8c;
border-color: #d60d8c;
}

这是 JSF 页面中的按钮代码:

<button type="button" class="btn btn-info navbar-btn navbar-right" id="logg"><a href="logga.html">Sign in</a></button>

按钮代码在引导导航栏中。按钮的边框使用的是border-color: #d60d8c;，但是按钮的背景色不会根据background-color: #d60d8c;改变。

这是为什么呢？我在这里做错了什么吗？

Answer 1

(假设 css 已正确加载)

您的 css 选择器仅特定于类。可能在您元素的某处有更具体的 css 选择器，与按钮匹配。 (您可以看到，使用 Chrome 开发人员工具 (F12)，选项卡 Elements-Computed，什么选择器“赢得”属性。

因此，您需要更加具体。

例如，添加id selector :

#logg.btn-info {
    background-color: #d60d8c;
    border-color: #d60d8c;
}

如果不能解决您的问题，请尝试 play with specificity