Geek Answers Handbook

Passwords displayed as white (or not at all) in IE

For some reason, the password fields appear as blank (or white) characters in IE8 for the site I'm working on.

Both of these screenshots have a long password. Second, I highlighted it so you can see that it recognizes characters, they just look empty. I also turned on IE debugging tracing.

Full size - http://i.stack.imgur.com/hUd4I.png

Unhighlighted

Full size - http://i.stack.imgur.com/tOkn9.png

Password highlighted

In other browsers, they display well. I've never seen anything like this before, no ideas?

HTML header:

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

Only custom CSS for inputs:

 body, input, button, select, textarea { font-family: 'Open Sans' , sans-serif; font-size: 13px; }
+8
css internet-explorer-8 twitter-bootstrap
source share
3 answers

I had the same problem. I fixed this 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; }

This should be a problem with the Google Font symbol and IE, where there are no breakpoints in the font or something like that.

+16
source share

That's 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 -->
+1
source share

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

0
source share

More articles:


All Articles