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

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

テキストとアイコンが中央に配置されたボタン

アイコンとテキストを含むボタンコンポーネントを開発しています。アイコンはボタンの左側に配置され、テキストはボタンの中央に配置されます。テキストがボタンに収まらない場合は、折り返さずに切り詰めてください。テキストを切り詰める重要な条件は、テキストがボタンの端からアイコンまでの距離と同じ距離にあることです。したがって、ボタンに均等なインラインパディングを追加することはできません。テキストが切り取られない場合は、ボタンの中央に配置されます。ただし、アイコンに重なったり、ボタンに収まりきらなかったりすると、テキストが切れてしまいます。つまり、通常の状態ではアイコンの位置は変わりませんが、テキストのス...

P粉033429162 2023-08-15 11:01:09

React JSで、ボタン内のアイコンをクリックしてもボタンの値を取得できません

React JSで、ボタン内のアイコンをクリックしてもボタンの値を取得できません

P粉364129744 2023-07-22 09:47:02

アイコンをクリックすること (ボタンの残りの部分はクリックしないこと) が、JavaScript の購読ボタンが機能する唯一の方法です。

ユーザープロファイルを購読するボタンがありますが、これは rssfontAwesome アイコンをクリックした場合にのみ機能し、ボタンの残りの部分は機能しません。ボタン要素をクリックイベントとして設定するためにいくつかのオーバーライドを試しましたが、まったく機能しません。次のコードは、アイコン要素がクリックされた場合にのみ機能します: <buttonclass='subscribe-buttonprofile-subscribe'><?phpif($profile->userSubscribed):

P粉742550377 2024-01-16 14:13:18

「x」または「閉じる」ボタンをクリックしてもブートストラップのモーダルボックスを閉じることができません

クリックしてモーダルを開くと、モーダルは正常に表示され、閉じるボタンにはマウスが上に置かれていることが表示されますが、クリックしても何も起こらず、モーダルは開いたままになります。これまでにこの問題に遭遇した/解決した人はいますか?ここでは「data-bs-dismiss」を追加しているだけですが、これはスキーマには影響しません。私はブートストラップを初めて使用するので、あらゆる助けをいただければ幸いです。コードは次のとおりです。完全なコードへのリンク-<!DOCTYPEhtml><html><head&g

P粉809110129 2024-03-29 23:39:12

javascript - QQ の組み込みブラウザでは、[戻る] をクリックするとページが更新されますが、[閉じる] ボタンが表示されません。何が起こっているか知っている人はいますか? ? ?

閉じるボタンが表示されるまでに数回クリックしてしまうことがあります。 ? ? 、この状況に遭遇した人はいますか？

我想大声告诉你 2017-05-16 13:37:00

React props をオプションにし、他の props に基づいて TypeScript で必須にする

ユーザーが使用するプロップによって提供されるタイプに基づいて、通常のボタン、アイコンボタン、またはアイコンのみのボタンを返す React ボタンコンテナコンポーネントがあります。 ButtonContainer コンポーネントと Props の関連する型定義は次のとおりです。 typeButtonWrapperProp={label?:string;icon?:React.ReactNode;onClick:()=>void;type:'text'|'icon'|'iconOnly'; }exp

P粉738046172 2023-09-17 13:42:00

python2.7で「開始」ボタンをクリックした後、tkinterのボタン（図の赤い部分）がクリックできないのはなぜですか？

python2.7で「開始」ボタンをクリックした後、tkinterのボタン（図の赤い部分）がクリックできないのはなぜですか？「開始」ボタンをクリックした後、tkinter の最小化、最大化、閉じるボタンをクリックするにはどうすればよいですか?コードは次のとおりです: {コード...}

漂亮男人 2017-05-27 17:39:55

javascript - Phoneswipプラグインの問題

1. プレビュー画像のサイズを 100% に設定する方法 2. 右上隅の閉じるボタンをクリックせずに、再度画像をクリックすると元のテキストに戻るように設定する方法

黄舟 2017-07-05 10:43:54

3 画像ファイルを開く複数の方法

①ファイル-開く画像を選択します。 ②Photoshopの空白部分をダブルクリックして画像を開きます。 ③Ctrl+o (すべての画像を閉じる) ファイル-すべて閉じる (Ctrlを押しながら複数の画像を選択し、複数の画像をクリックします。Shiftを押しながら連続した画像を選択します)

夜间飞行 2020-08-10 18:25:11

Vuetify の画像/アイコン上のクリック可能なボタン

この UI でボタン <v-btn><v-img>...<v-img></v-btn> を作成するにはどうすればよいですか?

P粉463824410 2023-12-12 11:09:05

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

クリック/HTMLでボタンの背景色を変更する方法

「続きを読む」に似たボタンを作成し、それを押すとテキストが下に展開されます。テキストが拡大されるとボタンの背景が変わり、もう一度ボタンを押してテキストを閉じると（例：「少なく読む」）、ボタンの背景は元の状態に戻ります。この関数の実装方法 functionmyFunction(){vardots=document.getElementById("dots");varmoreText=document.getElementBy

P粉502608799 2023-09-08 00:04:48

javascript - VUE によって作成された削除ポップアップウィンドウ。[キャンセル] をクリックした後、モジュールに関連するボタンをクリックしても、削除ボックスがポップアップ表示されます。

コメントなどの作成にvue2.0を使用しているのですが、削除ボタンをクリックするとプロンプトボックスが表示され、キャンセルボタンをクリックし、コメント返信ボタンをクリックしても削除プロンプトボックスが表示されます。どうやって対処すればいいのでしょうか？このメソッドを使用してプロンプトボックス {code...} {code...} を閉じます。

阿神 2017-05-19 10:47:03

戻るボタンをクリックするとウィンドウがポップアップして閉じます

ポップアップが開いてユーザーがそれをキャンセルしてリターンキーを押した場合、ポップアップは再度開かずに前のページに戻る機能を実装しようとしています。 <script>window.onload=function(){setTimeout(function(){window.open("#popup_flight_travlDil3","_self")},1000);}&

P粉509383150 2023-08-29 15:50:07

JavaScript - 角度モデルのカプセル化ディレクティブ

要件は次のとおりです: ボタンをクリックすると、ページ上にモーダルボックスが表示されます。このウィンドウには選択ドロップダウン選択ボックスがあります。ユーザーが選択した後、確認ボタンをクリックするか、キャンセルボタンを直接クリックして画面を閉じます。モーダルボックス。誰か同じようなことをした人はいますか?アドバイスをお願いします。

女神的闺蜜爱上我 2017-06-12 09:30:28

Vanilla JS setTimeout(): 間違った動作の特定

ハンバーガーメニューのアニメーションを HTML、CSS、およびバニラ JavaScript で作成しました。期待される結果ハンバーガーメニューボタンをクリックすると、次のイベントが発生します。ハンバーガーメニューアイコンをクリックすると、メインが 180 度回転し、2000 ミリ秒で高さに沿って縮小します。 2000 ミリ秒が経過すると、メニューが表示され、ハンバーガーアイコンが X に変わります。終了ボタンをクリックしてください: ページをさらに 180 度回転しますメニューをオーバーレイしますメニューを非表示にします: display:none; 終了ボタンをハンバー...

P粉797855790 2024-04-02 20:44:40

コンポーネントのデカップリングを実現する正しい方法

2つのコンポーネント間の通信(Vue2を使用)を扱っています。そのうちの1つはボタンであり、初期、読み込み、完了(成功または失敗)などの状態を持つことができます。ボタンの各状態に対して、異なるテキストが表示される場合があります。アイコン (読み込み中: スピンアイコン、成功完了: チェックマーク、エラー完了: x)、ボタンコンポーネントを使用するフォームもあります。フォーム送信の現在の状態に基づいてボタンの状態を変更する方法がわかりません。以下のコードを参照してください。私のボタンコンポーネント: <template><buttonclass=&quo

P粉476475551 2023-09-14 10:57:11

純粋な Javascript を使用して画像置換のためのトランジション効果を実装する

私が作成した Web サイトには多数のアコーディオンがあり、それぞれの上部に画像があります。アコーディオンを開くと中に説明があり、画像が切り替わります。アコーディオンを閉じると、画像は最初の画像に戻ります。問題は、この画像の変更には、フェード効果を伴う滑らかな遷移を持たせたいのですが、現在は単なる突然の変更であるということです。どうすればいいですか？アコーディオンボタンの ID が「button」で、最初の画像 (2 番目の画像に変更されます) を含むラベルの ID が「firstimage」だとします。これはJavaSです

P粉458913655 2024-03-30 00:14:11

JavaScript を使用してボタンイベントを切り替えるアイコンを追加する

functiontoggledDeleteAllBtn(){if($('.customer_checkbox:checked').length>0){$('#sel_button').text('Deletedallselected('+$('.customer_checkbox:checked').length+')');}else{$('#sel_button').text('Delet

P粉541565322 2023-09-05 00:08:30

javascript - JQueryはドットマークボタンから現在の要素のIDを取得する方法（動的データのIDを取得する方法）

1. 画面内の画像や表示される候補情報はすべてDataListで反復処理されており、マークボタンをクリックすることで対応する検査時間や科目コードなどを取得することが目的です。これを実現するには、マークボタンをクリックして、現在の候補者の情報を処理のためにバックグラウンドに送り返します。 JSはどうでしょうか...

PHP中文网 2017-05-19 10:18:00