Question

我在这个页面上有不同的背景颜色然后由于某种原因它消失了，我试着搞砸，简化代码但它仍然不起作用，这就是我现在所拥有的。

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Stock Ninja Login</title>
  <link rel="stylesheet" type="text/css" href="home.css" media="all">
</head>
<body>
<h1><center> Trade</center> </h1><h2><center>Ninja</center></h2>
<p><center><label><input type=text placeholder="            USERNAME" maxlength="20"></label></center></p>
<p><center><label><input type=text placeholder="            PASSWORD"maxlength="20"></label></center></p>
<p><center><label><input type=text placeholder="        USER KEYWORD"maxlength="20"></label> </center></p>
<p>
<center><select name="crust" multiple onchange="location = this.options[this.selectedIndex].value;">
  <option value="Program.html" selected>Program</option>
  <option value="Account.html">Account</option>
  <option value="Support.html">Support</option>
  <option value="Education.html">Education</option>
</center>
</select>
</p>
<p><center><button>Submit</button></center></p>
</body> 
</html>

这是CSS，非常简单！

html, body{background-color:#e3dac9;}

Answer 1

这对我来说很好。检查您的CSS文件是否位于正确的位置，以及它是否正确链接。或者将其包含在html文件中。

<style>
    body{
        background-color:#e3dac9;
    }
</style>

听起来好像没有使用CSS文件。要么它不存在，要么你的路径是错误的。链接到css文件时尝试使用绝对路径。

<link rel="stylesheet" href="http://www.example.com/css/styles.css"  type="text/css"/>

Answer 2

您可以使用：

 html{background-color:#e3dac9 !important;}

正如你所看到的，我不使用身体选择器，因为html选择器具有更高的优先级而且我添加了＃34;！important＆＃34;覆盖任何可能的默认背景。如果有效，请注意：）

不能让背景改变，它以前工作过吗？

2 个答案: