在Firefox中的Textarea光标颜色

Question

我在页面中有一个简单的textarea，当它为空时有一个占位符。我在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>

Answer 1

如果我没弄错的话，这是一个appeared in Firefox recently和has been marked as a bug, too的错误。

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

Answer 2

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

.textInput:focus {
    color: white;
}

Bug 830608表示自19日以来已经修复。