IEで白（またはまったく）でないパスワードが表示される

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

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

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

Unhighlighted

フルサイズ： - 彼らは罰金を表示他のブラウザでhttp://i.stack.imgur.com/tOkn9.png

Password highlighted

。私はこれまで何のアイデアも見たことがない？

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; 
}

出典

2012-08-30 Terry

うん、入力要素のためのあなたのCSSを見ることができます解決方法です。 – Lowkase

CSSはスクリーンショットに表示されています.1行のカスタムコード（編集時に追加されたもの）以外はBootstrap 2.1です。はい、BGは白です。スクリーンショットのCSSに最初に表示された項目です。 – Terry

その可能性が最も高いOpen Sansは、別のフォントを試して、それが動作するかどうかを確認してください。 –

私は同じ問題がありました。これは、パスワードドットフォントやから欠落しているGoogleのフォントとIEの文字問題にする必要があり

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

：私はゴシックにオープンなきからの入力フォントを上書きするために私のCSSにハックを追加することによって、それを修正しましたそんな感じ。

出典

2012-09-28 13:16:14 Mike

パーフェクト！このシナリオを追跡しようとした1時間後、この「ハック」が完全に修正されました！ – Dan

ちょうど同じ問題が発生しました。フォントファミリ/フォントフェースにのみ関係していると思います。Arialに変更すると修正されます。 – earthdesigner

システムフォントでwebfontをオーバーライドして同じ問題が修正されました。 –

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

出典

2012-09-13 13:12:57 Nowaker

これは、私はそれが

<?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-27 19:59:07

IEで白（またはまったく）でないパスワードが表示される

答えて

関連する問題