2014-10-08 121 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