使用CSS更改導航菜單中的背景顏色

我需要更改此CSS文件（在此Jquery example中使用它）中指定的導航菜單的背景顏色。我無法弄清楚這條線在哪裏。請幫忙。使用CSS更改導航菜單中的背景顏色

2012-05-08 Klausos Klausos

使用web開發工具：Firebug for Firefox，Chrome開發工具...右鍵單擊要更改爲背景的元素並追蹤css – drinchev

是的，它幫助了很多。我會接受你的回答。 –

謝謝，但它只是一個提示，而不是實際的答案，我根本不是名聲癮君子：P – drinchev

如果我理解正確的話，您需要更改類被稱爲「的.ui-插件頭」，它看起來像這樣：

.ui-widget-header 
{ 
    border: 1px solid #aaaaaa; 
    background: #cccccc url(images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x; 
    color: #222222; 
    font-weight: bold; 
}

只要在任意打開你的CSS文件編輯器中，使用查找功能（，通常是CTRL + F）並查找'.ui-widget-header'。然後你可以改變背景顏色和圖像，如果你有基本的CSS知識。如果沒有，請尋求幫助。

由於@drinchev表示，未來如果您需要查找特定元素，只需將鼠標懸停在上面並使用「檢查元素」，假設您使用的是Mozilla Firefox或Google Chrome的新版本。如果您使用Internet Exporer，請按F12並使用'選擇元素'指針覆蓋所需項目。

您也可以使用這些開發人員工具動態更改值，看看如果您對這些更改進行實時更改，它將會如何。

P.S .:請記住，我重新格式化了一下CSS，因爲它被放在一行中。

來源

2012-05-08 17:58:04 Peter

在chrome或Firefox的Firebug上使用inspect元素。單擊該元素以獲取所有CSS樣式及其父類型。通過雙擊&直接更改值，然後檢查一次結果。

來源

2012-05-08 18:05:26 Katti

使用CSS更改導航菜單中的背景顏色

回答

相關問題