[解決済み] マウスオーバー時のマウスカーソルをアンカーのようなスタイルに変更する
2022-05-17 18:36:28
質問
の上にマウスを乗せると
div
の上にマウスを置くと、マウスカーソルがHTMLアンカーにあるようなカーソルに変化します。
どうすればいいのでしょうか?Javascriptが必要なのでしょうか、それともCSSだけで可能なのでしょうか?
どのように解決するのですか?
仮にあなたの
div
には
id="myDiv"
のように、CSSに以下を追加してください。また
cursor: pointer
は、カーソルをアンカー(ハイパーリンク)に使うのと同じ手のアイコンにすることを指定しています。
追加するCSS
#myDiv
{
cursor: pointer;
}
カーソルスタイルを単純に
div
のHTMLに追加するだけです。
<div style="cursor: pointer">
</div>
EDITです。
もし、このためにjQueryを使うことが決まっているなら、以下の行を
$(document).ready()
または本文
onload
: (置換
myClass
を任意のクラスで置き換えてください。
div
を共有します)。
$('.myClass').css('cursor', 'pointer');
関連
-
[解決済み] JavaScriptで "use strict "は何をするのか、その根拠は?
-
[解決済み] CSSの親セレクタはありますか?
-
[解決済み] CSSでcellpaddingとcellspacingを設定する?
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み】JavaScriptで文字列の出現箇所をすべて置換する方法
-
[解決済み】オブジェクトの配列を文字列のプロパティ値でソートする
-
[解決済み] Typescript流のMongoose...?
-
[解決済み] リアクトのシャローコンパールはどのように機能するのか
-
[解決済み] React Router v4 <NavLink>と<Link>の違いについて
-
[解決済み] WebP サポートの検出
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み] JSのDateからDay名
-
[解決済み] jqueryでdivの要素がオーバーフローしていないかチェックする
-
[解決済み] event.targetを使用して、要素の親要素をターゲットにすることができますか?
-
[解決済み] DataURLからBlob?
-
[解決済み] Facebook Reactでコードを再利用するためのミキシンとコンポーネントの使い分け
-
[解決済み] React.jsでテキスト入力のchange/focusOutイベントを正しくキャッチする方法とは?
-
[解決済み] JavaScript 予期せぬ事態に対する可能な反復処理
-
[解決済み] jQuery ui ダイアログのロードコールバック後にタイトルを変更する
-
[解決済み] AngularJS - $http.postがJSONの代わりにリクエストパラメータを送信する方法はありますか?
-
[解決済み] Chrome、Javascript、window.open in new tabについて