Passwords showing up as white (or not at all) in IE

Question

For some reason password fields are appearing as blank (or white) characters in IE8 for a site I\'m working on.

Both these screenshots have a long password entered

Answer 1

I had the same issue. I fixed it by adding a hack in my CSS to override the input font from Open Sans to Arial:

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

It has to be a character issue with Google Font and IE where the password dots are missing from the font or something like that.

Answer 2

This is how I solved it

<?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 -->

Answer 3

I had a similar problem - my text on all input[type='text'] elements was white. Moving the mouse cursor out of the modal div caused the text to appear. I suspected filter and transition CSS rules from Twitter Bootstrap to cause the problem - and it was it. I removed hide and fade classes from my modal window: <div class="modal hide fade" /> and it works fine now. Give it a try if your modal is animated.