Question

我有以下html文件：

<html>
<head>
   <link rel="stylesheet" href="css/styles.css" type="text/css" media="all" />
</head>
<body>

<div>
   <input type="text" />
   <input type="email"  />
   <input class="button" id="clickme" type="submit" value="Click Me" />
</div>

</body>
</html>

head block中有一个指向css文件的链接：

body {  
    background: gray 
    background-image: url(“../images/bg-body.jpg”);
}

input[type=”text”], input[type=”email”] {
    border: none;
}

背景图片加载但两个输入仍然具有可见边框。在IE和Chrome中都有。但是，如果我指定内联样式，它就可以工作。

我正在使用Notepad ++编辑html和css。的;这不是一个错字，但显示另一个问题。如果我指定颜色和图像，在IE中图像显示但在Chrome中它不是。这里有一些优先事项吗？

Answer 1

更新您的CSS，如下所示。将”替换为"

body {  
    background: gray;
    background-image: url("../images/bg-body.jpg");
}

input[type="text"], input[type="email"] {
    border: none;
}

修改

顺便说一句，它也可以在没有引号的情况下工作。

body { background: gray; background-image: url(../images/bg-body.jpg); } input[type=text], input[type=email] { border: none; }

CSS样式不起作用

1 个答案: