[解決済み] How to get the cursor to change to the hand when hovering a <button> tag
2023-03-23 02:21:18
Question
When viewing my site, the cursor only changes to the gloved hand for
<a>
tags, not
<button>
tags. Is there a reason for this?
Here is my code (the button tags have an id of #more in css3).
#more {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
}
How to solved?
see: https://developer.mozilla.org/en-US/docs/Web/CSS/cursor
so you need to add:
cursor:pointer;
In your case use:
#more {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
}
これは、IDが "more"の要素にカーソルを適用します(1回のみ使用可能)。ですから、あなたのHTMLでは
<input type="button" id="more" />
もし、これを複数のボタンに適用したい場合は、複数の可能性があります。
CLASSを使用する
.more {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
}
で、HTMLでは
<input type="button" class="more" value="first" />
<input type="button" class="more" value="second" />
または はhtmlコンテキストに適用されます。 :
input[type=button] {
background:none;
border:none;
color:#FFF;
font-family:Verdana, Geneva, sans-serif;
cursor:pointer;
}
で、HTMLでは
<input type="button" value="first" />
<input type="button" value="second" />
関連
-
[CSSチュートリアル】Chromeのタブバーを実装するためのCSSのコツ
-
[css3] CSS3を使ってヘッダーアニメーション効果を作成する
-
[解決済み] リスト項目にマウスを置いたときに、カーソルを手の形に変えるには?
-
[解決済み] CSSは常にJavascriptより優先されるべきか?
-
[解決済み] jQuery UIダイアログのクローズボタンを削除するには?
-
[解決済み] svg要素の色を変更するには?
-
[解決済み] Bootstrapとは?
-
[解決済み] CSS3のborder-radiusプロパティとborder-collapse:collapseが混ざらないのですが。border-radiusを使用して、角を丸くした折りたたみテーブルを作成するにはどうすればよいですか?
-
[解決済み】テーブルの行にマウスを乗せるとカーソルが手に変わる
-
[解決済み】カーソル(ドラッグ&ドロップ)取得のためのCSS)
最新
-
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 実装 サイバーパンク風ボタン
おすすめ
-
[CSSチュートリアル】 css border add four corners コード
-
[CSSチュートリアル】CSS3Animationで実現する簡単な指のクリックアニメーションの例
-
[CSSチュートリアル】CSSのfloatとunfloatについて
-
[CSSチュートリアル】height:100%と書いても効かない理由
-
[CSSチュートリアル]css display table adaptive height, widthの問題解決
-
[CSSチュートリアル】CSSで炎のエフェクトを記述する方法
-
[CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決
-
[css3]赤いパケットのジッター効果を実現するCSS3
-
フロントエンドの落とし穴 リソースはスタイルシートとして解釈されるが、MIMEタイプはtext/htmlで転送される。"<URL>". css スタイルの失敗
-
[css3]CSS3は本当にSCSSに取って代わるのだろうか?