密码在IE中显示为白色(或根本不显示) [英] Passwords showing up as white (or not at all) in IE

查看:166
本文介绍了密码在IE中显示为白色(或根本不显示)的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

由于某些原因,在IE8中,对于我正在处理的网站,密码字段显示为空白(或白色)字符。



这些屏幕截图都输入了长密码。第二个我突出显示它,所以你可以看到它识别字符,它们只是显示为空。我还包括了IE调试跟踪。



全尺寸 -





在其他浏览器中,它们显示得很好。



HTML标题:

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

只能输入自定义CSS:

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


解决方案

我通过在我的CSS中添加一个黑客来覆盖从Open Sans到Arial的输入字体来修复它:

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

它必须是一个字符问题与谷歌字体和IE的密码点缺少字体或类似的东西。


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. The second one I have highlighted it so you can see it recognizes the characters, they just appear as empty. I also included the IE debug trace.

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

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

In other browsers they show up fine. I have never seen anything like this before, any 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;
}

解决方案

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.

这篇关于密码在IE中显示为白色(或根本不显示)的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆