2015-05-20 15 views
1

我一直在試圖改變這些按鈕的背景顏色上的計算器: 更改類屬性,而不強迫其保持下去

如果我編輯在Firefox的檢查background屬性,一切都按預期:

但是,一旦我運行一個腳本Greasemonkey的改變它,我遇到的問題。這就像我的腳本永久凍結了按鈕的背景:

var tags = document.getElementById("nav-tags"); 
 
tags.style.background = "#1D3239 none repeat scroll 0% 0%"

每stackexchange後我看了過去,每一篇文章我已經通過谷歌搜索發現,說的方式改變一個CSS類的屬性就是通過object.style來設置它,但是由於我正在經歷這種背景凍結行爲,並且從來沒有隨着標籤按鈕的變化而改變,也沒有其他變化,所以我相信設置風格的背景實際上只是改變(和凍結)元素背景不是班級。

如何更改課程的背景(而不僅僅是一個元素),而不是永久凍結更改(我希望橙色突出顯示仍然會發生)?即使按鈕有類,我知道訪問它們的唯一方法是通過document.getElementsByClassName()來返回元素而不是類。我不知道如何直接通過JavaScript編輯這個類。

此外,關於橙色突出顯示的主題,我沒有在Firefox檢查器窗口中的任何地方看到它的屬性。我在哪裏可以找到它,以便我知道要修改什麼?

回答

1

標籤相同類別的按鈕,說:「orangeToBlack」,然後使用CSS:

.orangeToBlack { 
background-color: orange; 
} 

.orangeToBlack:hover { 
background-color: black; 
} 
+0

我從Greasemonkey的腳本改變這一點。我如何從GreaseMonkey腳本編輯CSS? – Drew

+1

我相信在編輯類時,你應該可以使用「.orangeToBlack」作爲默認背景顏色的關鍵字,而「.orangeToBlack:hover」作爲懸停顏色的關鍵字......但我不確定。 – oMiKeY