Tailwind CSS を使用して、ラジオ ボタンの選択状態に応じて親 div のスタイルを変更する

複数の列と行ごとにラジオボタンがあるテーブルがあります。特定のボタンを選択したときに行全体の背景色を変更する必要があります。これは達成できるでしょうか？ {{user.email}}{{user.name}} Tailwind では、「peer」クラスを使用して隣接するブロックのスタイルを設定できます。ただし、親ブロックのスタイルを設定する必要があります (選択すると、親ブロックの背景色が変わるはずです)。

P粉718165540 2023-08-15 23:49:52 0  1  607

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

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

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

選択フィールドとオプションのスタイル設定

多くのオプションを含む複数選択フィールドがあり、項目の長いリストを表示するのではなく、それらを小さな塊として表示したいと考えています。 「options」を「display:inline-block」に設定することでこれを行うことができますが、オプションがコンテナの境界に達しても2行目には入らず、コンテナの後ろに隠れてしまうという問題があります。ご覧のとおり、最後の項目が切り取られ、以降の項目はすべて非表示になります。 .column-select{幅:100%;}.column-selectopti

P粉924915787 2023-09-08 11:28:13 0  2  463

JavaScript を使用して、ONCLICK を使用せずにラジオ ボタンの選択に基づいて div の可視性を制御する

部分的に有効な HTML コードがいくつかあります。ラジオボタンの選択に基づいてテキスト入力を表示しようとしています。私にとってそれがどのように機能するかというと、ラジオボタンを押すと他のオプションが非表示になりますが、画面が最初にロードされると3つのオプションがすべて表示されます。これは、関数がクリック時に呼び出され、最初のラジオボタンの選択されたオプションがクリックを構成しないためだと思います。初めてリクエストしたときにのみ表示される onload イベント リスナーを作成しようとしましたが、うまくいきませんでした。これは私のコードです<%layout('layouts/boiler...

P粉212114661 2024-02-17 21:44:02 0  1  506

CSS を使用してタグ テキストの内容に基づいて HTML のフォントの色を変更する方法

そこで、「はい」と「いいえ」のテキストを含むラジオボタンを用意し、それらのいずれかが選択された場合にフォントの色を変更したいと考えています。はい (緑) いいえ (赤) 以下は HTML コードです: <asp:RadioButtonListID="RadioButtonList1" runat="server"RepeatDirection="水平"><asp:ListItem

P粉349222772 2023-09-08 20:57:35 0  1  590

javascript - vuejsでのリストラジオ選択（スタイル変更）の実装

最初のものは最初に選択されていますが、現在、他の選択されているものは選択解除されていません。スタイル コードは次のとおりです。何が問題ですか? 私の理解では、clickindex が変更された後、インターフェイスが再レンダリングされ、インデックスと clickindex が変更されるということです。他のセルは等しくありません。通常のスタイルを与えますが、そうではないようです

PHPz 2017-06-05 11:13:43 0  2  1175

javascript - IE (9+) では、通常のスタイルが有効にならず、開発者ツールを使用して要素を選択した場合にのみ有効になります。理由は何ですか?

Chrome と Firefox の両方で動作します。IE ではのみ動作し、Edge ブラウザでも動作しません。選択が行われていないページ。F12 キーでこの要素が選択されるページ。適用するスタイル: .interactiveSystem { {コード...} }

世界只因有你 2017-05-31 10:39:30 0  1  767

自作した<Tab/>コンポーネントを使用する場合、「&.Mui-selected」状態に問題がある

カスタム <Tab/> を作成しました。次のコードを使用して、その選択された色を制御したいと考えています。 サンドボックス デモ コード exportconstTab=styled(MuiTab)({"&.Mui-selected":{color:"red "}} ); ただし、次のことがわかりました: 1. カスタム スタイル コンポーネントを直接適用 => 選択した色は赤 2. カスタム スタイル コンポーネントを自作コンポーネントでラップ => 余裕がない

P粉775788723 2023-09-20 19:56:31 0  1  566

JavaScript - テキストの選択とコピーの無効化に関する問題

スタイルは次のとおりです {code...} HTML 構造は次のとおりです {code...} この記事を無効にするために項目の一部が選択されています。項目を個別に選択すると、確かに選択を無効にすることができます。コンテンツをコピーすることはできませんが、cmd + a を使用してすべてを選択すると、無効になっている項目がページに表示されることがわかります。

为情所困 2017-06-26 10:58:49 0  2  789

JavaScript - フロントエンドのパッケージ化の実装

フロントエンドには、インターフェースまたはその他の方法で対応するモジュールを選択し、対応するフロントエンドファイルをパッケージ化してエクスポートし、無関係なモジュールを削除するという要件に関連する技術があるかどうかを尋ねたいのですが。例: 1: モジュール 1 2: 機能 1 3: モジュール 2 4: スタイル 1 モジュール 1、機能 1、スタイル 1 を選択した後、対応するフロントエンド ページをエクスポートします...

三叔 2017-07-07 10:34:32 0  3  995

MUI オートコンプリート コンポーネントで選択したオプション スタイルをカスタマイズするにはどうすればよいですか?

質問はタイトルの通り、マルチオプションを使用しているときにMUIで選択したオプションのスタイルを変更するにはどうすればよいですか。すべての強調表示されたオプションのスタイルを変更したいと考えています。ご協力をよろしくお願いいたします。

P粉769413355 2023-08-14 10:47:21 0  1  590

JavaScript - Chrome はクリック イベントをトリガーして、その隣のテキストを選択します

図に示すように、選択効果を作成する必要がある場合は、ボックスの toggleclass をクリックしてスタイルを変更します。マウスを頻繁にクリックすると、その隣のテキストが選択されることがわかります。言語の説明は次のとおりです。明確ではありません。画像を見てみましょう。背景を変更するには、ボックスの一部をクリックするだけですが、すばやくクリックすると、その隣の背景も選択されます。

怪我咯 2017-05-18 10:50:08 0  2  966

画像オプションのリストから選択するにはどうすればよいですか?

選択した出力にすべての画像が表示されるデザインを実装しようとしています。あなたのイメージを選択してください。 2 番目のオプションでは何も表示されません。表示される場合は、ドロップダウンのスタイルを設定する必要があります。それは見せません。助けてくれてありがとう。ありがとう。

P粉974462439 2023-08-01 18:01:00 0  1  543

useState を使用してフォームに入力された値を設定します

useState を使用して入力の値を設定しようとしていますが、期待どおりに機能しません。そこで、Formik を使用して、予約システムの週間スケジュールを作成しました。無料の予定のラジオボタンがあります。選択すると、予定の時間データが取得されます。しかし、この日は手に入らなかった。そこで、毎日のデータを取得するために別の入力を追加してみました。入力した値を状態に設定します。ラジオ ボタンを選択すると、日付が設定されます。ただし、Submit では、新しく設定された値ではなく、初期値を取得します。興味深いことに、入力欄に何かを書こうとすると、

P粉588660399 2023-09-04 23:16:30 0  1  628

bslib を使用して Shiny アプリケーションの DT::datatable の CSS をカスタマイズする

光沢のあるアプリの DT::datatable にカスタム CSS スタイルを適用しようとしています。ユーザーがテーブル内の行を選択すると、選択した行にデフォルトの青と白のテキストではなく、黄色と黒のテキストが表示されるようにしたいと考えています。 bslib パッケージも使用すると、これを正常に実行できません。 （同様の質問がここにありましたが、後述するように答えることができません）。 bslib を使用しない場合、次のように CSS を適用できます: library(shiny)ui<-fluidPage(tags$hea

P粉081360775 2024-03-29 21:41:03 0  1  434

選択イベントが変化すると、CSS アニメーションが対応する効果をトリガーします。

私は React アプリを作ろうとしています。現在、いくつかのポケモンが入った選択入力ボックスがあります。私がしなければならないことは、選択が変更される (つまり、ポケモンが変更される) たびに、ポケモンのスプライトが少し揺れるアニメーションを実行することです。現在、変更されるスプライトと、選択値が変更されたときに再生されるオーディオだけがあります。この機能を実装するにはどうすればよいですか? onChange と styled-components を使用してスタイルを変更しようとしましたが、動作させることができません。アニメーションはページの読み込み時にのみ起動します。これは私の現在のコー...

P粉200138510 2024-04-01 09:16:28 0  1  535

Select2 ドロップダウンの外観をカスタマイズする

私の場合、ドロップダウンに select2Combobox を使用しています。ここでは、国の選択が変更されると、その選択された ID を JSON 結果に渡し、その結果を州コンボ ボックスに割り当てて取得します。これが発生すると、ドロップダウン ビューが丸いエッジから正方形に変わります。同じスタイルを select2 コンボボックスに追加する方法を知りたいです。これが私のコードです。 <divclass="col-md-6col-sm-6"><divclass=&q

P粉256487077 2024-04-03 11:27:22 0  1  478

クリック関数で 1 つの要素のみを選択できるようにするにはどうすればよいですか? (純粋なJS)

API からデータを取得し、一連の質問を作成し、配列からランダムに選択された質問に応じて、毎回異なる数の「回答要素」をクイズ ページにロードするクイズ アプリを作成しています。これは、CSS カード スタイルに対する効果的な回答である、クリック可能な一連の「プレイヤー カード」を特徴とする作品です。ユーザーがカードを選択し、チェック ボタンをクリックして機能を実行し、カードが正しいかどうかを確認するという考え方です。この機能は 1 つを除いてうまく機能します。ユーザーはすべてのカードを選択できます。私が抱えている問題は、すべての回答をクリックすると、すべての回答が CSS クラスを取得できるこ...

P粉345302753 2024-01-29 14:08:19 0  1  470

共有スタイルを使用して連続する疑似タグを HTML タグに置き換える

この行 a[link],a[link]a[link]texttexttexta[link]texta[link]text があるので、テキストの前の最初のリンクを見つけて、それらに対して 1 つの操作を実行し、特別なスタイルで強調表示したいと思います。それら (この場合はおそらく 3 つ程度) を選択し、そのテキストに続く他のリンク テキストを見つけて、別のスタイルで強調表示します。最初の 3 つのリンクしか見つかりませんが、<?php$re='/^(a\[(\w+[\s+]?)+\],

P粉926174288 2023-09-01 18:44:45 0  1  570

選択した値の配列にバインドされた Vue 3 カスタム チェックボックス コンポーネント

スタイル付きのチェックボックスと対応するラベルを備えた単純なコンポーネントを作成しようとしています。選択されたすべてのチェックボックスの値（文字列）は配列に保存される必要があります。これはプレーンな HTML チェックボックスで機能します: <template><div><divclass="mt-6"><div><inputtype="checkbox" value="EVO" v-model=&

P粉561749334 2023-12-21 18:43:52 0  1  683