LoginSignup
0
1

More than 3 years have passed since last update.

@kosuke_shimizu(Kosuke Shimizu)

buttonタグ マウスポインターを矢印から指(手)マークにする方法

Last updated at Posted at 2020-10-10

ボタン上のマウスポインター

HTMLへbuttonタグを記述し、ブラウザにボタンを作成する。
ブラウザに表示されたボタン上にマウスカーソルを重ねても、マウスポインターが矢印マークのまま指(手)マークへ変更されなかった。
下記実装で解決したので備忘録として記載しておきます。

実装内容

style="cursor:pointer"を追加する。

<button class="new-text-btn">矢印マーク</button>
<button class="new-text-btn" style="cursor:pointer">手マーク</button>

See the Pen pobJvvv by ShimizuKosuke19910320 (@shimizukosuke19910320) on CodePen.

参考記事

ボタンのデザインは下記サイトを参照
https://jajaaan.co.jp/css/button/

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
1