2013-02-08 46 views
0

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

#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; 

} 
+2

请发布一个完整的示例。 – j08691 2013-02-08 16:53:14

+1

[在Chrome中运行...](http://jsfiddle.net/vJQCH/) – 2013-02-08 16:58:16

回答

0

它可能是您的文档类型?它适用于我在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>