モバイル上のボタンがフォーカスまたはアクティブのままになり、CSS アニメーションで問題が発生する

ボタンをクリックするたびにアニメーションを実現しようとしていますが、デスクトップでは正常に動作しますが、モバイルでは同じ効果を実現できません。最初にボタンをクリックし、次に別の場所をクリックして CSS のフォーカスを解除し、次にボタンをもう一度クリックしてアニメーション効果を得る必要があります。以下はコードスニペットです。 .btn_container{color:#35f8ff;position:relative;display:inline-block;text-align:center;margin:2.5remauto

P粉043295337 2023-08-28 15:14:37 0  1  522

c# - REACTコンポーネントのスタイルの問題

図に示されている 3 つのボタン コンポーネントの場合、ネイティブ JS と REACT を使用して、ボタンの 1 つをクリックしてスタイルを変更する簡単な方法を記述するにはどうすればよいでしょうか?他のボタンをクリックすると、同じ効果が得られます (つまり、他の 2 つのボタンのスタイルをクリアし、クリック ボタンのスタイルを追加します)。

巴扎黑 2017-07-05 10:50:54 0  3  881

JavaScript - Emit は angualr2 のメソッドをトリガーし、この Promise の結果を取得する方法

クリック操作を置き換えるディリアクティブを作成しました. クリック後はボタンが無効になります. たとえば, clickはloginを呼び出すメソッドであり, ログインサービスのPromiseが終了するとボタンは復元されます.これで、クリックをシミュレートしてボタンを無効にすることができますが、約束の結果が得られません。

習慣沉默 2017-05-27 17:44:24 0  1  812

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

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

P粉520545753 2024-03-29 13:34:50 0  1  358

javascript - 少し混乱していますが、なぜ直接checked=trueを使用してjsのタグに効果を追加できるのでしょうか?

例: js を使用して、選択した効果をボタンに追加する必要があります。 js で oDiv.checked = true を直接使用して、選択した効果を追加できるのはなぜですか?なぜ途中にスタイルを追加する必要がないのでしょうか?色の場合、これは oDiv.style.color = "red" になります。

阿神 2017-06-26 10:55:27 0  2  775

Python の def で定義された関数に括弧ありと括弧なしの違いは何ですか?

プログラムは次のとおりです: {code...} このプログラムの効果は、ボタンがあるということです。それを押すと、you hit me が表示されます。もう一度押すと、表示されなくなります。このサイクルでは、なぜbutton = tk.Button(window, text = '質問と回答の生成',font = (('Microsoft Yahei'),12),command... と書かれたボタン

我想大声告诉你 2017-06-12 09:27:41 0  2  1016

選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  547

ブートストラップ ボタンがアクティブなときに各ボタンに影/境界線を追加する CSS

フロントエンドの作成には React フレームワークを使用し、デザインには Bootstrap5.3 を使用しています。私の理解では、Bootstrap は標準でシャドウ効果を削除しました。したがって、ボタンがアクティブな場合、Bootstrap v5.0 のドキュメントのように、ボタンには影や境界線が表示されません。 https://getbootstrap.com/docs/5.0/components/buttons/ 残念ながら、コードで個々のボタンを直接カスタマイズする方法がわかりません。出来ますか

P粉256487077 2023-08-17 23:54:27 0  1  507

JavaScript - アニメーションの表示と非表示を切り替えるための良い解決策はありますか?

例: このアニメーションと同じ効果になります 最初に div が非表示になりますが、ボタンをクリックすると表示されてアニメーション効果がかかります 非表示にしても同様ですしかし、明らかに複雑に書きすぎました。もっと簡単な解決策 (サードパーティのライブラリを使用しない) はありますか?

阿神 2017-06-30 09:59:55 0  5  1052

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58 0  6  971

html5 - vue プロジェクトの vuex ストレージの問題

実装効果: ボタンをクリックして、左側のメニューの幅を切り替えます。 Vuex を使用してフィールド IsOpen を保存し、ナビゲーション コンポーネントとメニュー コンポーネントの両方がフィールドの初期値を取得しました。ナビゲーション コンポーネントのボタンをクリックすると、IsOpen の値も切り替わりますが、クラス名は切り替わります。幅を変更するものは切り替わりません。これ...

迷茫 2017-06-27 09:19:31 0  2  902

ReactJS を使用して要素を非表示にする方法

画面上に文字を表示し、ボタンを押したときだけ非表示にしたいのですが、方法がわかりません。この効果を実現するために useState を使用したい: const[textVisibility,setTextVisibility]=useState(true)<buttononClick={()=>setTextVisibility(false)}/>私が見つけた問題は、ボタンをクリックするとページが再レンダリングすると、可視性の値がデフォルトになります。

P粉136356287 2023-09-07 19:21:22 0  2  497

リンク内の埋め込みボタン、onClick リンクのチェーン効果を停止する方法

以下の例のようなコードがあります。ユーザーを URL に送信するクリック可能なグリッド セルを作成しようとしていますが、埋め込み画像ボタンがクリックされたときに onClick イベントのみを発生させ、他のイベントは発生させないようにしたいのですが、これは可能ですか? stopPropagation への呼び出しを追加しようとしましたが、最初の onClick が処理された後も、基になるリンクにリンクされたままになります。 conshandleSaveClick=async(e,activity,index)=>{e.

P粉553428780 2023-08-17 21:31:04 0  1  449

swift - iOSキーボードが表示されるか消える問題

望ましい効果は、キーボードが表示されると、下部にあるボタンとラベルが自動的に上に移動してキーボードの上に来ることです。キーボードが消えると、ボタンとラベルは自動的に一番下に戻ります。スクロールビューを追加してキーボードの状態を監視する方法をとりましたが、問題が発生しました...

过去多啦不再A梦 2017-06-06 09:53:33 0  1  898

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパー ドロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32 0  2  583

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

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

P粉548512637 2024-04-01 21:51:26 0  1  562

javascript - JS でポップアップ ウィンドウのスムーズな切り替えを実現するにはどうすればよいですか?

たとえば、ページをクリックすると、ポップアップ ウィンドウが表示されます。ポップアップ ウィンドウ内のコンテンツにはボタンがあり、クリックするとダイアログ ボックスが表示されます。この時点では、ダイアログ ボックスはダイアログ ボックスではありません。ポップアップ効果ですが、スムーズに遷移します。

世界只因有你 2017-05-18 10:56:53 0  7  685

jquery - ボタンをクリックしてもjqueryが応答しません

コードは次のとおりです。ボタンをクリックしても効果はありません&lt;DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; {code...} &lt;/head&gt;&lt;body&gt; {code.. .} &lt ;/body&gt;&lt;/html&am

为情所困 2017-05-18 10:59:07 0  5  530

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  784

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

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

P粉996763314 2023-11-04 11:04:23 0  1  767