Question

通常，IE8是我存在的祸根，但在这种情况下，它是唯一一个似乎正确地获取表单背景颜色的浏览器。这里的CSS似乎只在IE8中表现得如预期。 Firefox和Safari都没有背景颜色。

#defaultform {

width: 500px;
padding: 20px;
background: #f0f0f0;
overflow:auto;

/* Border style */
border: 1px solid #cccccc;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;

/* Border Shadow */
-moz-box-shadow: 2px 2px 2px #cccccc;
-webkit-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc;

}

Answer 1

可以是你的doctype吗？它在Firefox和Safari中适用于我：

<!DOCTYPE html>
<html>
<head>
<style>
#defaultform {

width: 500px;
padding: 20px;
background: #f0f0f0;
overflow:auto;

/* Border style */
border: 1px solid #cccccc;
-moz-border-radius: 7px;
-webkit-border-radius: 7px;
border-radius: 7px;

/* Border Shadow */
-moz-box-shadow: 2px 2px 2px #cccccc;
-webkit-box-shadow: 2px 2px 2px #cccccc;
box-shadow: 2px 2px 2px #cccccc; 

}
</style>
</head>
<body>

<form id="defaultform" name="myform">
    <label>Input 1</label>
    <input type="text" name="input1" value="" />
</form>
</body>
</html>

表单背景颜色仅适用于IE 8？

1 个答案: