2016-01-30 2 views
4

Я предполагаю, что это очень простая проблема, но я смотрю глупо на свой экран, пытаясь понять это. Я пытаюсь изменить некоторые вещи тела моего html-документа, но ничего не меняется?Цвет тела CSS не работает?

@charset "utf-8"; 
 
body 
 
{ 
 
    background-color: aqua; 
 
}
<!DOCTYPE html> 
 
<html> 
 
<head> 
 
    <title>Statistics</title> 
 
    <link rel="stylesheet" type="text/css" href="main.css"> 
 
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" 
 
integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"> 
 
</head> 
 
<body> 
 
    <button type="button" class="btn btn-lg btn-default-outline">View All</button> 
 
</body> 
 
</html>

Если я изменить фоновое изображение, он отлично работает. Любая идея почему? Может ли это быть bootstrap css?

+0

Да, что-то переписывает ваши правила css, вы можете заставить 'aqua' с'! Important': 'background-color: aqua! Important'. – potashin

+3

Задайте вопросы в CSS, bootstrap css устанавливает цвет фона, который переопределяет значение в вашем CSS. Измените порядок, в который включены css-файлы. – jmoerdyk

+0

Спасибо! Это исправлено. –

ответ

7

если добавить! Важный после "aqua", не работает?

@charset "utf-8"; 
body 
{ 
    background-color: aqua !important; 
} 

Если да, то, возможно, есть некоторые другие стили, такие как вмешательство bootstrap.css.

Вы также должны поставить свой пользовательский файл css после bootstrap-css.

Смежные вопросы