2013-02-08 17 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>