Vaadin ラジオ ボタン グループをボタンのグループとしてスタイル設定できますか?

vaadin でラジオ ボタンを一連のボタンのようにスタイル設定し、選択した 1 つのボタンに色を付けることは可能ですか?ラジオボタンのようなボタングループを使いたい。ある項目はチェックできますが、他の項目はチェックできません。

P粉529245050 2024-02-03 19:49:05 0  1  358

ボタンがありません

そこで今日は電卓、JS や CSS などを組み込んだ Web 電卓を作成する必要があります。最近、すべての JScries を書き直し、いくつかのことを再チェックしました。これで電卓ボタンはなくなりました。ウェブサイトのページに、ボタンがあった計算機があればいいのにと思います。奇妙に配置されていますが、それでもボタンです。しかし、HTML コードの小さな部分を変更しただけで、ボタンが消えてしまいました。コピー: https://replit.com/@MiguelBaltazar1/epicalculator

P粉521013123 2024-01-16 21:32:51 0  1  460

React での複数のボタンの実装: クリックされたボタンを除くすべてのボタンの選択を解除する

3 つのボタンを実装しようとしていますが、そのうちの 1 つをクリックすると背景色が変更され、他の 2 つのボタンの選択が解除され、背景色が元の色に戻ります。ただし、React で実装しようとすると、常にボタン 1 つ後ろになります (ボタン 1、3、2 を順番にクリックすると、選択されたボタンが 1 、 3 に設定されるという意味です (タイプミスではなく、単にボタンです)後方に））。これがその特定のコンポーネントのコードです。 importReact,{useEffect}from"反応&qu

P粉099985373 2024-02-26 15:26:22 0  1  336

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

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

P粉364129744 2023-07-22 09:47:02 0  1  483

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

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

P粉033429162 2023-08-15 11:01:09 0  1  532

ボタンを永久に無効にする

ログインしているユーザーがメンバーである場合、React のボタンを無効にすることはできますか?無効な属性を使用すると、開発ツールから削除でき、ボタンが再びアクティブになります。助けてください。無効な属性が開発ツールから削除されても、ログインしているユーザーがメンバーである場合、ボタンを無効のままにしておきたいのです。

P粉156983446 2023-07-28 21:35:42 0  1  649

ブートストラップ ボタンがアクティブなときに各ボタンに影/境界線を追加する 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  505

ダイアログのフローティングボタンが重なり続ける

こんにちは、私は Mauiblazor アプリを構築しています。その中にフローティング ボタンのあるフル ページ サイズのダイアログがあります。ダイアログを閉じて元のページに戻ると、元のページではダイアログ ボタンの位置にデッドスペースができてしまいます（ダイアログ上では条件に基づいてボタンの表示/非表示を変更しています）。フローティングボタンに使用しているスタイル: .center{bottom:5%;z-index:999;cursor:pointer;margin:0;position:fixed;left:50%;-

P粉032977207 2024-03-22 08:20:59 0  1  418

CSS は他のテクニックを使わずに水平ボタンを実装します

最も長いボタンの幅に基づいて、同じ幅の 2 つの水平ボタンを作成しようとしています。各ボタンのテキスト内容は、ユーザーが別のページで調整できるため、テキストの長さ/最初のボタンと 2 番目のボタンのテキストの長さを制御することはできません。ボタンを最長のテキストの長さに合わせて調整しますが、(モバイル デバイスのように) ページの幅を超えないようにしてください。ボタンをデフォルトで水平に表示したいのですが、水平に表示されない場合は、列として積み重ねます。テキスト全体が収まらない場合は、ボタンのテキストを折り返す必要があります。 <divclass=&qu

P粉893457026 2023-09-04 12:29:02 0  1  585

Next.js アプリの中央ボタン コンポーネント?

nextjs ページの独自の行にあるボタンを使用しています。 PCとモバイルの両方で最も見栄えが良いと思うので、ボタンをページの中央に表示したいのですが、何を試してもボタン要素がページの左端の元の位置から移動できないようです。ページ。 margin-left と margin-right を特定のパーセントに手動で設定すると、ボタンのテキストが次の行に押し込まれることなく、ボタンができるだけページの中央に移動します。これが、ボタンを移動させる唯一の方法です。しかし、見た目はあまりよくなく、実用的ではありません。ページによると

P粉011360903 2023-09-18 22:05:21 0  1  803

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

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

漂亮男人 2017-05-27 17:39:55 0  1  845

別のボタンがフォーカスされている、またはフォーカスされているときに、ボタンのフォーカス状態をトリガーするにはどうすればよいですか?

参照の表示 (ボタン) ライブラリ名が選択またはクリックされたときに、次の非アクティブなボタンがアクティブになる (明るい赤になる) ようにしたいと考えています。グーグルで調べたところ、角度に（ブラー）および（フォーカス）イベントがあることがわかりました

P粉257342166 2024-04-02 16:49:31 0  1  475

ボタンのinnerHTMLを画面に表示できません

したがって、innerHTML に問題があります。空の配列ボタンがあり、for ループを使用してそれを埋めます。次に、別の for ループを使用して各ボタンの innerHTML を「Info」に設定しますが、サイトを確認するとボタンはまだ空です。 //配列 letbuttons=[];//ループ問題 for(leti=0;i<2;i++){//ボタン配列を埋めるループ for(letl=0;l<4;l++){button

P粉024986150 2023-09-10 09:17:02 0  1  511

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

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

P粉742550377 2024-01-16 14:13:18 0  1  455

ボタンタグにエラーがあります

追加されたボタンのラベルに誤りがあります。誰か説明してもらえますか?

流流 2021-03-05 12:40:02 0  1  998

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

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

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

ラジオボタンの中にラジオボタンを入れてみる

基本的に、私はこの投稿に従っており、ラジオボタンとその中にdivを表示する必要がある場合は、次の解決策がうまく機能します: $(".tier1-options:radio").on("change ",function (e){//すべてのtier2オプションから表示されたクラスを削除し、i内のすべてのフォーム要素から値をクリアします

P粉235202573 2023-09-11 23:30:59 0  1  556

ボタンをクリックするとフォームが更新されます。

2 つのボタン ラベルを持つ Angular のフォームがあります。ボタンは ng-click でフォームを送信します。もう 1 つのボタンは、ng-click を使用したナビゲーション専用です。ただし、この 2 番目のボタンをクリックすると、AngularJS によってページが更新され、404 エラーがトリガーされます。関数にブレークポイントを設定すると、関数がトリガーされます。次のいずれかを実行すると停止します。 ng-click を削除しても、ボタンによってページが更新されません。関数内のコードをコメントアウトしても、ページは更新されません。もし私が

P粉523625080 2023-08-14 20:46:02 0  2  488

ボタンの送信からフォームを保護する方法

次のページでは、Firefox を使用してボタンを削除するとフォームが送信されますが、ボタンを追加するとフォームは送信されません。削除ボタンがフォームを送信しないようにするにはどうすればよいですか? functionaddItem(){varv=$('form:hidden:last').attr('name');varn=/(.*)input/.exec(v);varnewPrefix;if(n[1].length= =0){newPrefix='1';}else{newPrefix=

P粉245276769 2023-10-10 10:47:12 0  1  671

ログインボタンが機能しない

ログインボタンをクリックしても効果はありません

鸢尾花 2017-12-29 15:54:21 0  4  1248