に質問検索_PHP中国語ウェブサイト

コミュニティ学ぶツールライブラリレジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

ボタンをアクティブにするとホバー効果が誤動作する

私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとしているので、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました。最初は、アクションボタンのホバー効果がうまく機能し、ホバーするにつれて色が明るくなりました。ボタンを押すと、ボタンが明るくなり、ユーザーが別の番号 (または「等しい」ボタン) を入力して前の番号で何かを行うまで、その状態が維持されます。その後、アクションボタンは通常の色に変わります。それまでは何も問題はなかったのですが、ユーザーがボタンを押した後、

P粉548512637 2024-04-01 21:51:26

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーンリーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59

影付きクローンバージョンでメニューボタンをX字型に変形させるホバーエフェクトを作成します

まず初めに、タイトルが紛らわしいことを認めたいと思います。申し訳ありません。私が達成したいのは、ホバー時の次の効果です。私のウェブサイトはここです https://wordpress-493302-3130963.cloudwaysapps.com/ CSS トランジションを使用して達成したいことの半分は正常に達成されましたが、シャドウが表示されません上の画像に示されている作成ボタンのコピー。私のCSSは次のとおりです。cta-button-menu:hover{transform:rotateZ(45deg)

P粉546257913 2024-04-04 11:55:21

:hover 効果を複数の要素に動的に追加する

プログラムで複数の要素にホバー効果を追加することはできますか?私たちのシステムでは、単一のユニットを表す複数の要素が存在します (ただし、他の理由で複数の要素に分ける必要があります)。場合によっては、ホバー時に一緒に色を変更する必要があります。プログラムで複数の要素にホバー効果を追加することは可能ですか?それともこれは良い習慣なのでしょうか？ my_own_css_class を使用し、ホバー時にすべての要素に追加することで、この問題を解決できました。しかし、プログラムでホバー効果を持たせるとうまくいくかもしれないと感じています

P粉203792468 2023-08-15 23:49:58

link 要素と div 要素を同時にアクティブにするにはどうすればよいですか?

div 要素の上にマウスを移動すると、div 要素のみが点灯し、リンクは点灯しません。最初にボタンの背景を明るくしてからリンクを明るくするのではなく、ボタン全体を明るくする方法はありますか。購入購入購入 a: 訪問した {白色} a: ホバー: 訪問した {色: RGB(180,179,179);} リンク {白色; 背景色: rgb(180,179,179);} a: ホバー {色: RGB (180,179,179);}背景色: 白}div.b{白色;背景色:rgb(180,179,179)

P粉547170972 2023-09-16 16:59:06

カスタムボタンのホバースタイルに反応しない

React プロジェクトにボタンがあり、次のように設定しています。 <labelstyle={styles.label}><inputstyle={styles.input}type="file"accept="image/*"onChange={this.onUpload}/></label>スタイル設定は次のラベルのようになります。 { ボーダーラド

P粉434996845 2023-09-11 22:09:50

JavaScript - 左側のナビゲーションを拡大縮小する方法

ボタンをクリックすると、「これはプラグインを使用して行われますか?」と表示されます。ネイティブを使用する場合、ホバー効果はどうあるべきですか?

三叔 2017-06-30 09:59:54

マウスをボタンの上に置くとサブメニューが表示されます

ボタンの上にマウスを置くとサブメニューがポップアップする解決策を探しています。現在、メニューはクリックされた場合にのみ表示されます。ボタンの上にマウスを置くとメニューが表示され、クリックするとメニューがそこに留まるようにするには何を変更する必要があるか知っている人はいますか。解決策: ホバーをマウスオーバーに変更します。マウスオーバー時にすべてのセクション（sect1...）を表示しないようにする方法を知っている人はいますか？ <script>vardivsvarbtn1=document.getElementById("

P粉021708275 2023-08-31 11:22:01

Psuedo 要素の CSS ホバー効果を使用してメイン要素をオーバーラップする

基本的に、ホバーしたときの効果は次のようになります。私の Web サイトのコードは次のとおりです。無視してください。重要: .cta-button-menu,.cta-button-menu::before{transition:all0.3slinear!重要;幅:120px!重要;高さ:50px!重要;表示:インラインフレックス!重要;justify-cont

P粉838563523 2024-03-20 10:31:28

送信ボタンとリセットボタンからホバー効果を削除する: ステップバイステップガイド

送信ボタンまたはリセットボタンをクリックしたときにスケールを変更しないようにするには、どのコマンドを使用する必要がありますか。普通に見えてほしいです。このプログラムではホバーを使用することになっていますが、最後の 2 つのボタンでは使用しません。これまでに作成したコードを以下に示します。すべて感謝します<!DOCTYPEhtml><html><head><title>CSSrules</title><style>input:fo

P粉099000044 2024-04-01 22:32:31

v-img にオーバーレイを追加し、ホバー時に中央ボタンを追加します

Vuetify コンポーネントを使用して、いくつかの v-img サムネイルの効果を実現しようとしていますが、成功しません。私の画像設定は次のとおりです:<v-rowclass="fill-heightpa-5"align-content="center"justify="center"><v-colclass="text-subtitle-1text-center&

P粉754473468 2023-08-28 17:13:34

ホバー時のチルト効果のバグ

中にテキストが入った傾き効果のあるボタンがあり、ボタンにマウスを置くとボタンの横に 2 つの線が表示されます。ボタンが表示されるまでボタンの上にカーソルを置くコードがありますが、これは非常にランダムな副作用です。これは Chrome の問題だと思いますが、よくわかりません。問題の画像は次のとおりです: https://prnt.sc/hafHhDOHntco.button-skew{position:relative;width:fit-content;padding:6px40px;borde

P粉520545753 2024-03-29 13:34:50

NextJS プロジェクトで Tailwind と MUI を使用する場合の予期しない動作 (白いボタンのバグ)

現在、NextJS、TailwindCSS、MUIReactUI ライブラリを使用してプロジェクトを構築しています。 MUI ボタンをプロジェクトに追加しようとすると、正常に機能しますが、ボタンの色は白のままです。ホバーすると色は通常に戻りますが、ボタンをクリックすると波紋効果が残ります。ただし、ホバリングしていない場合は白に戻ります。 _app.{js,jsx.ts,tsx} ファイルにインポートしたグローバル CSS ファイルから tailwind ディレクティブを削除すると、ボタンは再び正常に機能しますが、これにより TailwindCSS も削除されます。

P粉996763314 2023-11-04 11:04:23

Bootstrap 5 ポップアップが存在していたモーダルを閉じて再度開くと、フォーカスを開く機能が失われるのはなぜですか?

Bootstrap5 モーダルとその上に配置されたポップアップに問題があります。私のHTMLには次のものがあります。ユーザーがボタンの上にマウスを置くと、正しく表示されます。ポップアップには「よろしいですか?」という入力プロンプトが表示され、ボタン (ホバー) をクリックして続行するようユーザーにアドバイスされます。ボタンをクリックするとフォーカスが移り、再度クリックするか要素をクリックして離れるまでポップアップが開いたままになります。これにより、マウスポインタがポップアップウィンドウのコンテンツに入り、[続行] ボタンをクリックできるようになります。これが私が望むものです: https:...

P粉022501495 2024-03-28 23:27:50

QT デザイナーの疑似要素

疑似要素を使用して左側のボタンに垂直線を作成し、ホバー時に暗くしたいのですが、qt-designerstyleSheet が私を理解せず、正しく表示されません。これが私のコードです: QPushButton{position:relative ;パディング:10px20px;ボーダー:なし;背景色:#fff;カラー:#333;カーソル:ポインター;オーバーフロー:非表示;}QP

P粉600402085 2024-01-10 17:44:05

クリック後の文字の色を変更するにはどうすればよいですか?

私がやりたいのは、ボタンの背景の色を変更し、ボタン内のテキストの色も変更することです。ボタンの色は変わりましたが、文字の色は変わりません。テキストにホバーを適用してみましたが、マウスがテキストに触れたときのみ色が変わります。 <liclass="text-gray-900cursor-pointerselect-nonep-4text-smmd:hover:red"id="listbox-option-0"ro

P粉064448449 2023-08-30 20:19:37

React を使用して画像上にインタラクティブマーカーを配置する

助けてください。ホームページには以下のような画像が表示されています（拡大画像）。「FORGE」の家には、中央に黒い矢印が付いた白と青のマーカーがあることに注意してください。「賃貸」住宅も同様です。これらのマーカーはそれぞれ、インタラクティブなボタンとして機能します。予想されるインタラクション動作は次のとおりです: ホバーすると、青い背景が拡大して「Forge」または「Rentals」というテキストが表示されます。クリックすると、ユーザーは適切な「Forge」または「Rentals」ページに移動します。また、画面のサイズが変更されたときに応答するようにしたい、

P粉896751037 2023-09-08 21:25:41