8

何らかの理由で、私が作業しているサイトのIE8では、パスワードフィールドが空白（または白）の文字として表示されています。

これらのスクリーンショットには両方とも、長いパスワードが入力されています。2つ目は、文字を認識できるように強調表示しました。文字は空のように見えます。IEのデバッグトレースも含めました。

フルサイズ-http://i.stack.imgur.com/hUd4I.png

ハイライトされていない

フルサイズ-http://i.stack.imgur.com/tOkn9.png

強調表示されたパスワード

他のブラウザでは、正常に表示されます。私はこれまでこのようなものを見たことがありません、何かアイデアはありますか？

HTMLヘッダー：

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />

入力用のカスタムCSSのみ：

body, input, button, select, textarea {
    font-family: 'Open Sans' , sans-serif;
    font-size: 13px;
}
4

3 に答える 3

16

私も同じ問題を抱えていました。CSSにハックを追加して、OpenSansからArialへの入力フォントをオーバーライドすることで修正しました。

.form-horizontal input {
    *background-color: #ffffff !important;
    *color: #464646 !important;
    *font-family: Arial !important;
}

これは、フォントにパスワードドットがないなど、GoogleFontおよびIEの文字の問題である必要があります。

于 2012-09-28T13:16:14.927 に答える
1

これが私がそれを解決した方法です

<?php echo Form::password('password', NULL, array('title'=>'', 'class' => 'input-block-level', 'tabindex' => '2', 'placeholder'=>'Password', 'title' => 'Password', 'style' => 'font-family:arial, serif;')) ?><!-- the font family arial serif is a fix for IE8 password placeholder text -->
于 2013-02-27T19:59:07.777 に答える
0

同様の問題がありました。すべての要素のテキストinput[type='text']が白でした。マウスカーソルをモーダルの外に移動するdivと、テキストが表示されます。私は、Twitter BootstrapのCSSルールが問題を引き起こしているのではないかと疑っfilterていましたが、それはそれでした。モーダルウィンドウからクラスtransitionを削除hideしました。これで正常に動作します。モーダルがアニメーション化されている場合は、試してみてください。fade<div class="modal hide fade" />

于 2012-09-13T13:12:57.220 に答える