8

出于某种原因，对于我正在处理的网站，密码字段在 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;
}
4

3 回答 3

16

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

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

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

于 2012-09-28T13:16:14.927 回答
1

这就是我解决它的方法

<?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 -->
于 2013-02-27T19:59:07.777 回答
0

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

于 2012-09-13T13:12:57.220 回答