1

Alien氏とGionaF氏が言ったことはどちらもうまくいきます.

ただし、この特定のケースでは、実際には意味がないため、onclick イベントと disabled="disabled" をすべて一緒に削除することにしました。

<input type="submit">IE8 および 9の要素で問題が発生しました。

正常、通常、ホバー、およびアクティブな状態に見えます。しかし、ボタンがクリックされた後、テキストはある種のドロップ シャドウになり、オーバーライドできないように見える灰色になります。

問題のイメージ

これはonclickイベントが原因かもしれないと感じていますが、CSSで修正できますか?

ボタンの HTML:

<input class="button" type="submit" id="CancelButton" name="CancelButton" value="Avbryt" onclick="window.setTimeout( disableButtons, 1 ); return true;" />
<input class="defaultbutton" type="submit" id="PublishButton" name="PublishButton" value="some_ez_publish_code" onclick="window.setTimeout( disableButtons, 1 ); return true;" />

CSS (多くのクラス名、省略):

background-image: none;
background: url(../images/btn-sprite-large.png) 0px 0px no-repeat;
border: 0;
color: #fff;
cursor: pointer;
display: block;
font-size: 11px;
font-weight: 900;
height: 32px;
line-height: 26px;
text-align: center;
text-shadow: 0 -1px 0 #d12015;
width: 120px;
4

3 に答える 3

3

disableButtonsクリック（機能）後にボタンを無効にしているようです。テキストの灰色（デフォルトでは無効）を変更するには、次を使用できます。

.button[disabled], .button:disabled {
    color:#fff;
}​

次に、エイリアン氏が言ったように、つまり（おそらく条件付きコメントtext-shadowを使用して）ターゲットを設定し、からに切り替える方法を見つける必要がありfilterます。

.ie .button {
    text-shadow:none;
    filter:/* etc */
}
于 2012-10-30T09:52:55.577 に答える
2

IE には問題がtext-shadow: 0 -1px 0 #d12015;あるため、代わりに独自のプロパティを使用する必要があります

filter:DropShadow(Color=#d12015, OffX=1, OffY=0);
于 2012-10-30T09:49:12.147 に答える