在 Chrome 和 IE 中输入黑色文本，在 Firefox 中输入白色/透明 - WordPress

Question

长话短说，我有一个用 HTML/CSS 和一点 JS 编写的应用程序。它有很多在 Chrome、IE 和 Firefox 中完美显示的输入字段 - 白色背景、黑色文本。

然后我决定将它集成到 WordPress 页面中。它运行良好 - 好吧，直到您在 Firefox 中打开它。在 Chrome 和 IE 中，当它作为页面打开时，一切正常。在 Firefox 中，文本是白色/透明的，因此在白色背景下是不可见的......

我已经浏览了几页关于此的 Google 搜索，但找不到任何解决方案。添加颜色：黑色； !important 输入选择器什么都不做，添加 style="black;"也可以到任何输入字段。我发现的任何其他解决方案都不起作用。

您知道如何解决这个问题吗？对 Firefox 用户关闭是一种耻辱，老实说，这对我来说看起来很神奇，没有任何工作......

那么，看了cmets之后，举个例子：

<input type="text" name="rozstaw" id="rozstaw" maxlength="4">

CSS：

div.eyes-tests-choose-glasses-modal #eyes-tests-choose-glasses-container input {
    font-family: Roboto, sans-serif
}

虽然我真的不认为是这种情况 - 独立它工作得很好，但在 WordPress 上却不行。这就是为什么我认为链接可能是描述事物的更好方式。

Answer 1

这很难猜，但这里有两个黑暗中的镜头可能会帮助你

首先，尝试像这样添加您的 CSS：

input, textarea {
   color:#000 !important;
}

或者，您也可以只针对 Firefox 执行相同的操作：

@-moz-document url-prefix() { 
input, textarea {
   color:#000 !important;
}
}