インターネットエクスプローラーで奇妙な問題が発生しました。
入力ボタンをスタイリングしています。これは、CSS で思いついたものです。
.gform_wrapper input.gform_button {
float: left;
display: block;
background: #045d8e;
padding: 2px 10px 0;
text-transform: uppercase;
text-decoration: none !important;
color: #ffffff !important;
outline: none !important;
border: none !important;
cursor: pointer;
margin: 0;
height: 35px;
width: auto !important;
outline: none !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
text-shadow: none !important;
}
#ie7 .gform_wrapper input.gform_button {
width: 90px;
padding: 1px 0 0;
}
.gform_wrapper input.gform_button:hover {
background: #024061 !important;
color: #ffffff;
}
.gform_wrapper input.gform_button:active,
.gform_wrapper input.gform_button:focus {
border: none !important;
outline: none !important;
color: #ffffff !important;
text-shadow: none !important;
background: #024061 !important;
}
これらのスタイルはすべて機能しているように見えますが、IE でボタンをクリックすると、フォームの読み込み中にテキストに灰色が追加され、白い影が表示されます。IE はテキスト シャドウをサポートしていないため、とても奇妙です。
どんな助けでも大歓迎です。