2

HTML要素のホバー状態を無効にしたいのですが、ホバーのcssをオーバーライドするために別のcssを使用していません。

これが私のコード行です：

<div id="test">
    Hello world
</div>

<style>
    #test {color: red; border: 1px blue solid;}
    #test:hover {color: green; border: 1px blue solid;}
</style>

この場合、「Hello world」はマウスオーバーすると緑色になりますが、マウスオーバーしても何も起こらず、ホバーを無効にするために新しいcssを追加/オーバーライドしたくないです。javascript / jqueryでホバー状態を無効にする方法はありますか？

私を助けてください。ありがとう

4

1 に答える 1

1

次のjQueryコードでホバー状態を無効にできます。

$(document).ready(function () {
    $('#test').hover(
      function () {
        $('#test').css('color','red');
      }
    );
});
于 2013-04-17T21:37:41.117 に答える