4

IE9 は、Twitter Bootstrap を使用して、無効化されたボタンを非常に醜いものにしているようです。ボタンのテキストがぼやけてしまい、このぼかしを削除したり、デフォルトの IE9 ボタンの外観にリセットしたりする方法が見つかりません..

IE9 ブートストラップ無効化ボタン テキスト レンダリングの問題

最良の解決策は、誰かがこのフォント/ぼかしレンダリングの問題を解決できる場合です。これが不可能な場合は、少なくとも読みやすいので、デフォルトの IE9 ボタンのルック アンド フィールを使用したいと考えています。

パッチをダウンロードしたり、自分のブラウザだけでこれを修正したりするつもりはありません。

IE9 ボタンの外観をリセットしようとしましたが、何らかの理由でこれは不可能に思えます。テキストの色が灰色になり、醜い古い IE フィルターのように見えます。

IE9 ブートストラップ ボタンのリセットが機能しない

最後にLT IE10スタイルシートを含めました<head>

<!--[if lt IE 10]><link rel="stylesheet" type="text/css" href="css/ie9.css" media="screen" /><![endif]-->

次のCSSを使用：

.btn.disabled,
.btn[disabled] {
    background: 0;
    background-color: #a9a2a1;
    opacity: 1;
    filter: none !important;
    text-shadow: none !important;
    -ms-color: #000000 !important;
    color: #000000 !important;
    zoom: 1;    
}
input:-ms-input-placeholder {
    color: black !important;
}

それでもテキストは灰色で、ボタンは上の灰色のように見えます...

私の解決策：

エミリーの答えのおかげで、私はハックを行いました:

#sok.btn.disabled,
#sok.btn[disabled] {
    opacity: 1;
    font-size: 0;
    background-image: url('image.jpg');
    width: 48px;
}

他のすべての CSS ルールはそのままにしておくことができます

4

2 に答える 2

3

ブートストラップ担当者は github ページでこれについて言及していますが、現在、修正する方法はありません。これは IE9 のみの問題であり、IE9 のコードや他のコードをオーバーライドします。現在、これを修正する方法はありませんが、無効なボタンの画像を作成し、より高い z-index を使用して見苦しいボタンの上に配置することを試すことができると思いますが、それはおそらく公平です面倒な量...お役に立てば幸いです。

于 2012-12-18T13:10:31.460 に答える