1. ホーム
  2. javascript

[解決済み] hrefsのないリンクのカーソルスタイルをポインタに設定する方法

2022-05-08 06:01:28

質問

をたくさん持っています。 <a> のないhtmlタグは href を作成するための属性です。 onclick javascriptを呼び出すことができます。これらのリンクは、ポインタスタイルのカーソルを持ちません。テキストカーソルになります。

リンクのカーソルスタイルをポインタに設定するには、どうすればよいでしょうか。 href 属性は何ですか?

href="#"を追加できることは知っています。これをhtml文書内の多くの場所に配置しているのですが、リンク用のカーソルスタイルのポインタを、href="を使用せずに作る方法を知りたいのです。 href 属性があります。

解決方法は?

をCSSファイルに追加してください。

a:hover {
 cursor:pointer;
}

cssファイルがない場合は、HTMLページのHEADに以下を追加してください。

<style type="text/css">
 a:hover {
  cursor:pointer;
 }
</style>

また、href=""属性は、javascriptの最後でfalseを返すことで使用することができます。

<a href="" onclick="doSomething(); return false;">a link</a>

これは多くの理由で良いことです。SEO対策や、人々がjavascriptを持っていない場合、href=""が動作します。

<a href="nojavascriptpage.html" onclick="doSomething(); return false;">a link</a>

参照 http://www.alistapart.com/articles/behavioralseparation

編集部:注目すべきは@BalusCさんの 回答 について言及しています。 :hover は、OPのユースケースには必要ありません。他のスタイルを :hover セレクターを使用します。