0

インターネットエクスプローラーで奇妙な問題が発生しました。

入力ボタンをスタイリングしています。これは、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 はテキスト シャドウをサポートしていないため、とても奇妙です。

どんな助けでも大歓迎です。

4

1 に答える 1

1

私も同様の問題を抱えていましたが、私の場合、スクリプトの実行後に灰色のテキストと白い影が表示されていたのはスパン要素でした。Internet Explorer で、span または div 要素の「disabled」プロパティを true に設定すると、これが発生することが判明しました。

于 2012-06-26T14:10:35.253 に答える