2014-10-08 78 views
0

这是一个信息按钮(来自引导程序)的CSS,它在我的style.css文件中netbeans中资源的资源。我使用了Java服务器行家/ Web应用程序面临framwork:netbeans中按钮(引导按钮)的颜色不变吗?

.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;更改。

这是为什么?我在这里做错了什么?

+0

@BalusC因为一切是按照我的style.css文件风格。还有,除了按键颜色,也是导航栏颜色应有尽有。当我写的时候在记事本++中的HTML原始代码,一切都很好,但是当我试图使它xhtml和jsf 2.2工作,这种着色问题发生。 – Carlton 2014-10-09 01:56:12

+0

@BalusC对错信息抱歉,但我的style.css位于网页/ resources/css中。这就是我如何加载style.css文件:''。当试图改变我使用的两个引导组件,导航栏和按钮的颜色时,这似乎是一个问题。 – Carlton 2014-10-09 20:29:38

+0

@BalusC好的,完成了! – Carlton 2014-10-11 20:33:34

回答

0

(假设的CSS被正确地装载)

你的CSS选择器是唯一的类特异性的。可能在你项目的某个地方有更多特定的CSS选择器,匹配按钮。 (你可以看到,有什么选择使用Chrome开发者工具(F12),标签的财产“胜”元素计算的enter image description here

所以,你需要更具体

例如,添加id selector:。

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

如果它不会解决您的问题,尽量play with specificity

+0

这并不适合我,但我像您所说的那样查看了Chrome开发人员工具,并发现了一种奇怪的方法来重新引导自举组件。所以,谢谢你的帮助! – Carlton 2014-10-12 13:56:24