13

<a>クリックしてjQueryで使用できるテキストを作成するために使用しています。私はすでにCSSを持っており、ハイライトできないようにしています。

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
text-decoration: none;

ただし、ホバーすると、通常のテキストのように、セリフの「I」のような形のカーソルに変わります。これを防ぐ方法はありますか?できれば、リンクが通常引き起こす「手」カーソルに変更してください。私が考えた唯一のことは、上部に非表示のdivがあることでしたが、それによってクリックできなくなり、通常のポインターが維持されます。

4

2 に答える 2

24

ホバー時にカーソルプロパティを使用するだけです。

a:hover {
    cursor: pointer;
}

使用可能なカーソル値はここで確認できます。

http://jsfiddle.net/8nyEE/

<a class="hand">link with hand cursor</a>

<br/><br/>

<a class="nohand">link with default cursor</a>
a {color: blue;}

.hand:hover {
   cursor: pointer;
}

.nohand:hover {
   cursor: default;
}
于 2013-03-09T17:30:27.793 に答える
-1

<a>タグをに設定します<a href="">

JJJが上記のコメントで述べたように、href = "#"はここで機能しますが、URLに#を追加します。代わりに、hrefを ""に設定すると、リンクをどこにも送信せず、Iカーソルの反応を削除する代わりになります。

編集:これによりページが再読み込みされ、エラーが発生する可能性があります。問題をこれ以上読まなかったことをお詫びします。テキストを含むタグcursor: hand;のすべての子に設定すると、トリックを実行する必要があります<a>

于 2017-11-03T04:20:24.050 に答える