css – 在IE中显示为白色(或根本不显示)的密码

前端之家收集整理的这篇文章主要介绍了css – 在IE中显示为白色(或根本不显示)的密码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
由于某种原因,密码字段在IE8中显示为我正在处理的网站的空白(或白色)字符.

这两个屏幕截图都输入了一个长密码.第二个我突出显示它,所以你可以看到它识别字符,它们只是显示为空.我还包括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;
}

解决方法

我遇到过同样的问题.我通过在我的CSS中添加一个hack修改它来覆盖从Open Sans到Arial的输入字体:
.form-horizontal input {
    *background-color: #ffffff !important;
    *color: #464646 !important;
    *font-family: Arial !important;
}

它必须是谷歌字体和IE的字符问题,其中字体或类似的东西缺少密码点.

猜你在找的CSS相关文章