0

:active と :hover の両方が要素でアクティブな場合の動作は何ですか。これをデモするためにいくつかのコードhttp://jsfiddle.net/z6v4r/を書きました。明らかに :hover が勝者です。

別のシナリオ (私が取り組んでいた) では、次のHTMLの css を書きました。

<div class="abc">
    <div class="xyz">
        <input type="Something">
        </input>
    </div> 
</div>

CSS

div.abc div.xyz input:hover
{
border: 1px inset rgb(0, 69, 124);
    border-radius:15px;
    background-color: rgb(0, 69, 124);
    color:white;
}
div.abc div.xyz input:active,div.abc div.xyz input:focus
{
    border: 1px inset rgb(0, 69, 124);
    border-radius:15px;
    background-color:rgba(66, 87, 133, 0.24);
    outline-style:none;
}

:active/:focus の背景色と :hover からのフォント os の色を取得します。

これらが要素にどのように適用されるかという概念が必要です。

4

2 に答える 2

1

アクティブはclickイベント用です。

マウスを保持すると、動作中のプロパティを確認できます。

これを使用してクロムでデバッグできますtoggle element state ここに画像の説明を入力

registerこれは、サーバーからの応答を取得したり、別のページに移動したりloginするのに時間がかかる場合などの重いプロセスに役立ちます。

于 2013-10-04T12:53:29.253 に答える