当我将身体的背景颜色设置为黑色时,它会保持白色

时间:2017-06-20 19:25:28

标签: html css twitter-bootstrap

我正试图在导航栏下方制作一个平坦的黑色背景,但这似乎是一个问题。这是特别值得关注的,因为我想在右侧的按钮上添加一些JQuery功能,以便在按下时改变背景颜色。但是,如果像这样简单的东西,虽然是根本的,但是不起作用......

目前另一个问题是这个厚厚的白色条带。老实说,我不知道是什么导致了它。我假设只有一个白色的AlarmTime意味着在黑色背景环绕的页面上浮动白色文本,但事实显然并非如此。它现在只剩下默认黑色,因为它实际上是不可见的。对于记录,它不是flexbox,也不是导致边框的div,因为它仍会显示两个都被删除。

https://jsfiddle.net/xjrqm1k3/

    body
{
    background-color:black;
}

我做错了什么?

编辑:我认为你必须在所选项目的名称之前有一段时间来选择一个类。我想我的代码中可能遗漏了一些东西?我发布的小提琴似乎没有句号Fiddle,这就是我从我的作品中复制粘贴的内容。缩进是否会导致Visual Studio将项目计为类?

编辑:无论如何,感谢您的帮助和信息;它有效。

3 个答案:

答案 0 :(得分:3)

你在做什么

.body

表示具有名称主体的类

更改为body

此外,您必须添加!important,因为您在此CSS文件之后加载了引导程序。

请参阅fiddle

答案 1 :(得分:1)

它可能被别的东西所覆盖。试试这个:

    body
    { 
           background-color: black!important; 
    }

答案 2 :(得分:0)

引导程序覆盖你的代码,添加!important(并在正文之前放置一段时间)

.body
{ 
    background-color: black!important; 
}