1

空の場合のプレースホルダーを持つページに単純なテキストエリアがあります。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>
4

2 に答える 2

0

これは、少なくとも Firefox ESR 31 および 36 で修正されています。次の CSS スニペットにより、暗い背景に白いカーソルが表示されます。

.textInput:focus {
    color: white;
}

バグ 830608は、19 以降に修正されたと述べています。

于 2015-04-15T17:56:54.347 に答える
0

私が間違っていなければ、これは最近 Firefox に現れ、バグとしてマークされたバグでもあります。

私自身の仕事でもこのバグに遭遇しましたが、非常にイライラしていると言わざるを得ません。誰かが回避策を見つけない限り、開発者がそれを修正した新しいバージョンの Firefox をリリースするのを待つしかないと思います.

于 2012-11-15T17:35:42.267 に答える