1

我在页面中有一个简单的文本区域，当它为空时有一个占位符。我已将 css 中的 textarea 设置为白色文本和透明背景。我的文档正文非常暗，因此黑色文本显示效果不佳。这在 Chrome、IE 等中都可以正常工作。但是在 Firefox 中，当框为空时，占位符文本显示为正确的颜色，但是当您单击框（焦点）时，光标开始为黑色，直到您开始输入。如果您删除您键入的内容，占位符文本会返回并且光标再次变为黑色。如果您不仔细观察，则看起来好像您单击了一个不起作用的控件。

人们如何解决这个问题？

我的 CSS：

.statementInput {
    width: 500px;
    height: 50px;
    background-color: transparent;
    color:white;
    border:none;
}

文本区域行：

<textarea class="statementInput" id="st1" placeholder="Type something here"></textarea>
4

2 回答 2

0

至少在 Firefox ESR 31 和 36 中已修复此问题。以下 css 片段会在深色背景上产生白色光标。

.textInput:focus {
    color: white;
}

错误 830608指出它自 19 年以来已被修复。

于 2015-04-15T17:56:54.347 回答
0

如果我没记错的话，这是一个最近出现在 Firefox中的 bug ，也被标记为 bug。

我在自己的工作中也遇到过这个错误，我必须说这非常令人沮丧。除非有人找到解决方法，否则我认为我们只需要等待开发人员发布修复它的新版本 Firefox。

于 2012-11-15T17:35:42.267 回答