2

これをなぞってください:

検証の「確認済み」テキスト文字列を待っている空の SPAN 値があります。テキスト文字列は、1 ~ 2 秒後に (ユーザーの操作なしで) 自動的にフェードアウトする必要があります。純粋なCSSでこれを行うにはどうすればよいですか?

:hover のようなユーザーが開始するトリガーがないため、正確なテキスト文字列値に基づいてルールを設定するのが最善でしょうか? 融通が利かないようです。2 番目または 2 番目の遅延が開始するタイミングをどのように設定しますか?

これはうまくいきません...

<span class="validationTextString" value=""></span>

.validationTextString[value=""]
{opacity: 1.0;
transition: opacity 0.3s linear 2s;}

.validationTextString[value="confirmed"]
{opacity: 0.0;}

ご協力いただきありがとうございます。

- アップデート -

上記のルールは実際に機能します。ただし、値は入力された後に変更されないため、一度だけです。特定の値ではなく、変更時にトリガーする一般的な CSS 値はありますか? または、トリガー後にルールをリセットする方法はありますか?

再度、感謝します。

4

1 に答える 1

0

これが純粋なCSSで可能であるようには思えません。これは、css がロード時にのみ呼び出されるため、値が現在「確認済み」であるかどうかを確認する方法がないためです。このフィドルを参照してください。ロード時に「確認済み」を含むテキストボックスが消えますが、「確認済み」と入力しても、もう一方は消えません。

また、次のような「$」記号が必要です。

.validationTextString[value$=""]
{opacity: 1.0;
transition: opacity 0.3s linear 2s;}

残念ながら、次のように使用する:hover場合も機能しません。:active

.validationTextString:hover[value$=""]
    {opacity: 1.0;
    transition: opacity 0.3s linear 2s;}

ここでも、ロード時に「確認済み」を含むボックスはホバー時に消えますが、「確認済み」が入力された空白のボックスはまだ消えません。

于 2013-07-25T15:47:58.260 に答える