1

インライン疑似クラスを持つことができないことに気付いたとき --インライン CSS で a:hover を書く方法は? onMouseOver-- 疑似クラスをシミュレートするために、Javascript におよびonMouseOutイベントを使用して同じ仕事をさせることを検討しました:hover。マウスが上にあるときに、テキストから下線を削除しようとしています。誰かが提供できるJavascriptのスニペットはありますか?

試してみonMouseOver="this.style.textDecoration="none""ましたが、対照的な引用がすべてを台無しにしていると思います.

何か案は？

注: 残念ながら、この効果は、外部または内部のスタイルシート (インラインのみ) を使用せずに実現する必要があります。

4

3 に答える 3

7

あなたはこれを行うことができます

 onMouseOver="this.style.textDecoration='none';"
于 2012-10-28T15:09:36.550 に答える
4

これがあなたの答えです：

<a onmouseover="this.style.textDecoration='none';"  onmouseout="this.style.textDecoration='underline';">hover me</a>


jQuery を使用できる場合は、より簡単になります。次のコードを 1 回だけ記述します。その場合、マークアップを変更する必要はありません。

<script type="text/javascript">
(function($) {
    $( function() {
        $('a').hover(
            function() {
                $(this).css('text-decoration','none');
            },
            function() {
                $(this).css('text-decoration','underline');
            }
        )
    } );
} (jQuery));
</script>
于 2012-10-28T15:09:59.187 に答える
1

JavaScript を使用するべきではないと思いますが、CSS:

.underlineHover:hover {
    text-decoration: underline;
}

<span class="underlineHover">Content</span>

注: クラスを使用しましたが、クラスunderlineHoverにはスタイリングではなくセマンティックな意味が必要であることに注意してください。

于 2013-09-25T21:48:41.880 に答える