2017-07-16 7 views
-2

短い記事では、HTML/CSSと少しのJSで書かれていました。それはクロム、IEとFirefoxに完全に表示されていた多くの入力フィールドを持っていました - 白い背景、黒いテキスト。Chromeの入力テキストは黒で、IEでは白く/透明です。 - 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 
} 

私は本当にこれはケーススタンドアロンだとは思わないが、それは素晴らしい作品、ワードプレスではありません。だから私はリンクが多分もっと物事を記述する方法だろうと思うのです。

+2

私たちは、あなたがしたことを推測するつもりはありません。関連するコードを[mcve]に投稿する - コンソールでも見てください – mplungjan

答えて

0

それは推測するのは難しいのですが、ここであなたを助けるかもしれない暗闇の中で2つのショットがある

まず、このようなあなたのCSSを追加してみてください。また

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

、あなたが同じことを行うことができます

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

"すべての質問に答えることはできません。 https://stackoverflow.com/help/how-to-answerそしてこれもその一つです。彼らがしたことを推測する時間を無駄にしないでください。それはしばしば間違っており、時間の無駄です。 – Rob

+0

私は知っていますが、これはWordPressの問題を認識しています。これはFirefoxが入力フィールドとボタンの両方で行うものなので、このシンプルなセレクタはずっと前に多くの手間を省きました。 – DearBee

+0

みんな、私は実際のウェブサイトへのリンクを提供することができます、多分あなたは何かを見つけることができるでしょう。コードを貼り付けたくないわけではありません。ブラウズしたくないと思う長いCSSとHTMLコードです。 – CodonPL

関連する問題