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

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

P粉502608799 2023-09-08 00:04:48 0  1  541

css - Angular2 でルーティングせずに複数のボタンの切り替え効果を実現するにはどうすればよいですか?

ルーティングせずにボタンをクリックすると、現在のボタンの背景色が青になり、他のボタンの背景色は灰色のままになるという効果を実現するにはどうすればよいですか?

漂亮男人 2017-05-15 17:13:11 0  3  802

angular.js - angularjs は、複数のボタンの 1 つをトリガーするアクティベーション スタイルをどのようにエレガントに実装しますか?

図に示すように、3 つのボタンがあります。いずれか 1 つをクリックすると、ボタンが青色の背景に変わり、他の 2 つのボタンはデフォルトの白色に戻ります。 {コード...} コントローラ内: {コード...}

世界只因有你 2017-05-15 17:02:24 0  1  575

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 0  1  937

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  351

JavaScript - ラジオボタンの問題に関して、私は初心者なので、誰かが私を助けてくれることを願っています。

ボタンが4つあり、ボタンをクリックすると選択状態となり、背景画像が変更されるイベントページを作成したいと考えています。次をクリックしたときに前の状態に戻す方法。

PHP中文网 2017-05-24 11:36:42 0  4  713

矢印付きの「続きを読む」ボタン

図に示すように、右矢印の付いた「続きを読む」ボタンを作成しようとしています。背景色は白で、ボタン全体は次のようになります。次のコードを使用しています。ここの矢印は白なので、私のプロジェクトでは「プロフィールを表示」ボタンのみが表示されますが、背景色のせいで矢印は表示されません。矢印の色を変更するにはどうすればよいですか? <buttonclass="c-btn">プロフィールの表示</button>.c-btn{border:none;bac

P粉616111038 2023-09-09 12:16:11 0  1  628

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

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

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

WordPress - ページの読み込み時にボタンの onclick 関数を実行します

背景 登録ページを作成しており、ユーザーが「アカウントの作成」ボタンを押したときに関数を実行したいと考えています。次のようなボタンがあります: <buttontype="submit"name="wp-submit"onclick="register_process();"data-ppt-btnclass="mt-5"><?phpecho__(&

P粉575055974 2023-08-30 00:33:02 0  1  656

タイトルを次のように書き換えます: 他の領域ではなく、コンソール ボタンの機能に焦点を当てる

ボタンが 4 つあり、それらをクリックすると、ユーザーが現在アクティブなボタンを確認できるように、それらにフォーカスを設定しようとしています。何らかの理由でコンソールでは期待どおりに動作し、ボタンをクリックするとフォーカスが追加され、CSSに基づいて背景色が変更され、別のボタンをクリックすると最初のボタンがフォーカスを失い、新しいボタンがフォーカスを取得します。コンソールを開いていないときは機能しません。 constone Year=document.getElementById('1 Year');constfive Year

P粉315680565 2023-09-02 09:28:50 0  1  503

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

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

P粉064448449 2023-08-30 20:19:37 0  2  569

特定のキーの空の HTML の背景色 (緑/赤) を変更するにはどうすればよいですか?

特定のボタン（文字 A など）が押されたときに HTML の背景色を変更する方法についての解決策を持っている人はいますか。ボタンを押すたびに、色が別の色 (赤から緑、または緑から赤) に切り替わり、そのままになります。しかし、良い点は、Web ブラウザーに集中していないときにも機能するため、ブラウザーを通じて他のアプリを使用しているときにも機能することです。初心者の質問と言葉の壁について申し訳ありません。お返事ありがとうございます。このリンクに似ていますが、キーは次のとおりです: ボタンを 1 つだけ使用してさまざまな背景色を変更する方法

P粉211273535 2023-09-07 10:08:19 0  2  651

useEffect を使用して背景色の状態を維持するためのヒント

ウィッシュリストのトグルボタンの背景色を保存しようとしています。これにより、ユーザーがページ間を移動してもボタンの色は「黒」のままになり、アイテムがウィッシュリストに保存されたことがユーザーに示されます。 constItem=(props)=>{constdispatch=useDispatch();const[background,setBackground]=useState(false);functionaddToCartHandler(product){di

P粉131455722 2023-08-18 15:08:53 0  1  536

グラウンドフィルターのブラートランジションの問題

ボタンを押すと背景がぼかされますが、トランジション時にdivの端がうまくトランジションしません。この問題は Firefox を除くすべてのブラウザに存在します。どうすれば修正できますか? varbtn=document.querySelector('button');vardiv=document.querySelector('div');btn.addEventListener('click',function(){div.classList.toggle('

P粉314915922 2024-04-01 23:10:22 0  1  477

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

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

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

テーブルの最後の行と同じプロパティを持つボタンを HTML で作成するにはどうすればよいですか?

HTML にホーム サービス連絡先というテーブルがあるとします。このテーブルの最後にボタンを追加したいだけです。このボタンの幅はテーブルの最後の行 (つまり、「連絡先」) の幅と同じである必要があります。 ) (背景色の表現によって決定されます)。さて、どうすればいいでしょうか？ボタンを作成すると、作成した幅だけが表示されます。クリックすると、ボタンの myBtn 要素の幅を「連絡先」行の幅に設定する JavaScript コードが必要ですか?

P粉394812277 2023-09-16 22:19:11 0  1  694

angular.js - angular2 属性コンポーネントとコントロール コンポーネントの間で通信する方法

1. コントロール ライブラリから既存のコントロールをドラッグして要素を生成し、その要素のいくつかの属性を表示します。以下に示すように、右端の属性コンポーネントを変更し、中央の要素の対応する属性を同時に変更するにはどうすればよいでしょうか。例: 背景をクリックして特定の色を選択すると、ボタンの背景色が変わります。生成されたメタ...

世界只因有你 2017-05-15 17:09:54 0  1  649

PHP JS モバイル ボタンをクリックすると色が変わり、選択された数値が配列を形成します

PHP JS 携帯電話番号ボタンの背景色は、クリックすると色が変わります。選択された番号は配列を形成します。3 つの番号ボタン 1、3、および 9 が選択されている場合、ボタンは赤に変わります。OK をクリックすると、変数 ABC =1, 3, 9 は自分で書いたものです。iOS では動作しますが、Android では動作しません。誰か助けてくれませんか?コードのページ全体をマスターに添付してください。初心者は 1 段落読んだだけで混乱するでしょう。 。 。 。

HARDWARE 2018-03-06 00:10:45 0  0  1237

javascript - GoogleはIEを直接完全に殺すことができます ハンランではIE11が有効なようです サイドバーが引っ込められない、引っ込められません 解決してください IE互換性初心者……。

&lt;!DOCTYPE html&gt;&lt;html lang="ja"&gt; {コード...} &lt;/html&gt; CSS:***{ {コード...} }body{ {コード...} }/ナビゲーション バーの背景/.nav{ {code...} }/ナビゲーション バー ボタン/.box{ {code...} } .box a { {code...} }/Processing I

为情所困 2017-05-19 10:35:10 0  2  544