Question

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

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

Answer 1

我有同样的问题。我通过在我的CSS中添加一个hack来修改它来覆盖从Open Sans到Arial的输入字体：

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

Google字体和IE中必须存在字符问题，其中字体或类似字体中缺少密码点。

Answer 2

这就是我解决它的方式

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

我遇到了类似的问题 - 我所有input[type='text']元素上的文字都是白色的。将鼠标光标移出模式div会导致文本出现。我怀疑来自Twitter Bootstrap的filter和transition CSS规则导致问题 - 就是这样。我从模态窗口中移除了hide和fade类：<div class="modal hide fade" />，现在工作正常。如果您的模态已设置动画，请试一试。

在IE中显示为白色（或根本不显示）的密码

3 个答案: