firefox中的文本区域光标颜色

我在一个页面中有一个简单的文本区域，其中有一个占位符，用于在它为空时显示。我已经将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>

---

如果我没有弄错的话，这是一个已经存在并且已经存在的bug

---

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

这至少在Firefox ESR 31和36中得到了修复。 下面的css片段会在深色背景上产生白色光标

.text输入：焦点{
颜色：白色；
}

27个视图，但没有答案？我知道这是Firefox中的一个bug，但是人们是如何解决它的呢？当然，你们并不是都在使用白色文本区域？现在，当用户点击文本区域进行编辑时，我已经改变了文本区域的样式（真的很悲哀）