使用CSS更改导航菜单中的背景颜色

Question

我需要更改此CSS文件指定的导航菜单的背景颜色（在此Jquery example中使用）。我无法弄清楚这条线在哪里。请帮忙。

Answer 1

如果我理解正确，您需要更改的课程称为 '。ui-widget-header' ，它看起来像这样：

.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 所说，将来如果您需要找到一个特定的元素，只需将鼠标悬停在它上面并使用“Inspect Element”，假设您使用的是较新版本的Mozilla Firefox或Google Chrome。如果您使用的是Internet Exporer，请按F12并在所需项目上使用“选择元素”指针。

您还可以使用这些开发者工具动态更改值，以了解如果您对更改进行了更改，它会是什么样子。

P.S。：请记住，我重新格式化了CSS，因为它放在一行中。

Answer 2

在chrome或Firebug for Firefox上使用inspect元素。 单击元素以获取所有css样式及其父样式。双击＆amp ;,直接更改值检查结果一次。