• ベストアンサー

マウスポインタをCSSで変更

ホームページ上で表示されるポインタを 任意のカーソル(外部ファイル)を使い、ページ表示させたいのですが、 通常のカーソルは・・・ cursor: url(" URL "); で反映されたのですが、リンクにカーソルを乗せた時の指ポインタを指定のカーソルファイルに変更する方法がわかりません。 各リンクタグにポインタ変更を加える方法は見つけたのですが、 ページ全体のリンクのポインタをCSSで指定する方法はないでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
  • abril
  • ベストアンサー率69% (388/560)
回答No.1

> 通常のカーソルは・・・ > cursor: url(" URL "); > で反映されたのですが、 であるなら、 > リンクにカーソルを乗せた時の指ポインタを指定のカーソルファイルに変更する方法がわかりません。 は、単にタイプセレクタでaに対して同じ方法で指定してあげれば済むと思いますが。 ↓ a { cursor: url(マウスポインタ用カーソルファイルのパス), pointer; } この様に指定されていますか?

rikeryun
質問者

お礼

> a { > cursor: url(マウスポインタ用カーソルファイルのパス), pointer; > } この通りに指定すると解決しました。 本当にありがとうございましたm(__)m

その他の回答 (1)

  • abril
  • ベストアンサー率69% (388/560)
回答No.2

ANo.1です。すみません、タイポがありましたので訂正しておきます。 【誤】マウスポインタ用カーソルファイルのパス 【正】リンクボタン用カーソルファイルのパス

関連するQ&A

  • ポインタ変更のソースはこれであってるでしょうか?

    ポインタの素材をダウンロードして解凍して、ホームページで使用しようと思い下記↓ソースを貼り付けました。 プレビュー画面で確認出来なかったので、きっとどこかが間違っていると思います。画像アドレスの部分には指定の素材ファイル名○○aniを挿入すれば大丈夫でしょうか? <STYLE type="text/css"> <!-- body{cursor:url(カーソル画像のアドレス);} a{cursor:url(カーソル画像のアドレス);} --> </STYLE> 宜しくお願いします。

  • マウスポインタの変更について

    先日、マウスポインタを変更しようと思い、ダウンロードしました。ですがなかなか上手くいかなかったので質問させていただきます。 Google Chrome 使用 custom cursor ダウンロード済 aniファイルをダウンロード (ダウンロードした時のまま) そのままaniファイルを適用しようとしても反映されませんでした aniファイルを画像ファイルにすれば良いのかなと思いましたが調べてもよくわかりませんでした。 どうすればマウスポインタを変更できるでしょうか?

  • CSSで設定したオリジナルカーソルが下層に行くと表示されない。

    .cssには body { cursor: url(images/dart.cur); } を指定。 ファイル構成的にはindex.htmlと同じ階層に.css。 これと同じ階層にあるhtmlファイルでは指定したカーソルが表示されるのですが1つ以下の下層に入ると表示されずデフォルトのリンク時のカーソルが表示されています。 確認ブラウザはIE6です。 ネスケやFireFoxではもちろん表示されないんで意味はないといわれればそれまでなんですが何卒よろしくお願いします。

  • IE10以降で、マウスポインタが指マークにならない

    IE10とIE11のみリンクの上にマウスを持っていっても 矢印カーソルから、指マークにかわりません。 IE8、サファリ、firefox、クロムでは、指マークに変わります。 CSSに cursor:pointer; cursor:hand;と入れてみたり、 直接要素タグに style="cursor: pointer" を入れたり、 </head>内に、下記タグを入れてみたり、 <style type="text/css"> <!-- A:hover {cursor:pointer;} --> </style> 色々と試してみましたがダメでした。 http://keihan-mansion.com/index2.aspx このサイトです。 全ページ同じ状態ですが、 このページだけ指マークになります、 なぜでしょうか?http://keihan-mansion.com/all.aspx?pid=D1DUXJEQ6bQ 昨日からずっとここで立ち止まっております、 どなたかアドバイスお願い致します。

  • CSS、JavaScriptで、「でっかいカーソル」

    WEBページにてマウスカーソルを80×80pxくらいの画像にしたいと思っております。 CSSのマウスカーソル変更を調べたところ、cursorで指定できる.curファイルは、なにやらサイズが32x32までの大きさとのこと。 他の方法(JavaScriptなど)で、マウスカーソルを指定の画像に変えることができる方法はありませんでしょうか。 #ジャストアイデアとして、1ドットのcurファイルを作り、そのマウスカーソルにJavascriptで画像をぴったり追従させることも考えていますが(未検証)、よりスマートな方法はないかと思案中です。 よろしくお願いします。

    • ベストアンサー
    • CSS
  • CSSでのリンク色の変更で

    HPのリンク色(a:link)の色をa:link{color:#ffffff;}(色は例です)で変えたんですが、 何故か色が反映されず、デフォルトの青色で表示されてしまいます。 ・hover、active、visitedも同じように変更しているが、そっちは反映されている ・リンクの色を変えようとするページにcss(仮にAとB)ファイルを2つ使っている ・Aではリンクに関する設定は記述してない。またAを省いても変わらない ・Bのリンク以外の指定を消しても同じ ・そもそも青色で設定している文字がない ・HTML文にも色変えの記述はない ・ブラウザ指定もしていない 何度自分で見直しても全く分からないのでお願いします

    • ベストアンサー
    • HTML
  • cssによる背景色の変更

    先ほど、背景色を任意に変更する方法をお聞きして成功はしましたが、変更されるのは自分が開いているページのみしかできませんでした。 そのページ(背景色が変わるページ)を自分だけでなく、他の場所で同じページを見ている方にも適用されるようにするため(他の場所で見ている人が作業するのではなく)にはどのような方法があるでしょうか? ご指導願います。 形的には 背景色を変更するページにて背景の変更(css変更) ↓ 別ページでも反映されて背景色が変わる この別ページを他の場所にて見ている人にも反映 といったことがしたいのですが。。 宜しくお願い致します。

  • マウスポインタの変更

    Acrobat Readerなどで使われている マウスポインタの形状で 手がパーとグーの形のがありますよね (手を開いた状態と掴んだ状態の形) この形状のカーソルに変更できないでしょうか? 自前でカーソルのファイルを用意しないとダメなのでしょうか よろしくお願いします VB6 でも VB.NET でも実現できれば どちらでもOKです よろしくお願いします

  • ブログ内でのカーソル、マウスポインタを画像化したいです。

    御観覧有難うございます! マウスポインタの画像に変更出来る(.curなどをup出来る)ブログがあることは知ったのですが、 fc2ブログでは、.cur画像はup出来ないですし、 画像urlが用意出来ないのでは、マウスポインタの変更は出来ないし、 別サーバーを用意したとしても、有料サーバーでないと画像urlを直リンクは難しいと聞いたのですが、 fc2ブログを使っている人が、画像マウスポインタ、マウスストーカーを使っているのを発見し、しかも「カーソル変えてみました♪」 と、余裕のコメント。 しかし、そのブログは更新が去年で止まってしまっていて、 管理人さんに直接聞く事が難しい状況です。 マウスポインタの変更方法は、なんとか知っておりますので、 画像urlの取得だけでも、良い方法がないか、お聞きしたいのです。 もう、どうしても悔しくて… 宜しくお願いいたします…

  • seesaa マウスポインタを変更したい

    自分でani形式のポインターを作ったので自分のブログに使いたいと思います。 リンクの上にオンマウスした時に出る指を変更したいんですが、どうにもcssやらスタイルシートは難しくて分かりません。 実際にseesaaブログをカスタマイズしている方、どなたか分かりやすく説明してもらえないでしょうか? よろしくお願いします!