0

通常、IE8 は私の存在の悩みの種ですが、この場合、フォームの背景色を正しく認識しているように見える唯一のブラウザーです。これは、IE8 でのみ期待どおりに動作しているように見える CSS です。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;

}
4

1 に答える 1

0

それはあなたの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>
于 2013-02-08T17:40:20.567 に答える