[解決済み] 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
セレクターを使用します。
関連
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
[解決済み] TypeError: $.ajax(...) is not a function?
-
OSSアップロードエラーを解決する: net::ERR_SSL_PROTOCOL_ERROR
-
[解決済み] リンクのように動作するHTMLボタンを作成する方法
-
[解決済み] jQueryを使用しない$(document).ready相当
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み] AngularJSでデータバインディングはどのように機能するのですか?
-
[解決済み] HTMLマークアップのどこに<script>タグを記述すればよいですか?
-
[解決済み] インラインCSSでa:hoverを記述するには?
-
[解決済み] inline/inline-block要素間のスペースを削除するにはどうすればよいですか?
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
Vueがechartsのtooltipにクリックイベントを追加するケーススタディ
-
要素ツリー制御によるvueTreeテーブル
-
jsを使った簡単な照明スイッチのコード
-
vueにおけるfilterの適用シーンについて解説します。
-
[解決済み] テスト
-
[解決済み】"フォームが接続されていないため、フォームの送信がキャンセルされました "というエラーの取得について
-
[解決済み】Node.jsで "Cannot find module "エラーを解決するには?
-
[解決済み】 env: node: macにそのようなファイルやディレクトリはありません
-
[解決済み] カーソルを指ポインタに変更
-
フロントエンド null のプロパティ 'disabled' を読み取れない 問題が解決された