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

Question

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

然后我决定将它集成到WordPress页面。它完美的工作 - 嗯，直到你在Firefox中打开它。在Chrome和IE中，当它作为页面打开时，一切正常。在Firefox中，文本是白色/透明的，所以它在白色背景下隐形...

我浏览过几页Google搜索，但找不到任何解决方案。添加颜色：黑色; ！对于输入选择器很重要，它不会做任何事情，添加style =“black;”到任何输入字段也。我找到的任何其他解决方案都不起作用。

你有什么想法如何解决这个问题？这将是封闭Firefox用户一个耻辱，诚实它看起来像魔术对我来说，没有什么工作......

所以，看到评论后，一个例子：

<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; 
} 
}