マウスオーバー時のコンポーネントフィールドに基づいて div の背景を変更する方法

ホバーすると背景色が変化する div があります。また、コンポーネント内の要素に基づいて色を選択する必要があります。 <div*ngFor="letuofusers;"[style:hover....

から [CSS3ディスカッショングループ] 2023-09-12 09:24:31 0  1  564

CSS 翻訳は適用されません

目のアイコンをログインフォーム入力の中央に配置する必要があります。ただし、Top50% プロパティと Translate プロパティは、入力内ではなくメイン フィールド クラスに適用されているようです。したがって、アイコ...

から [CSS3ディスカッショングループ] 2023-09-12 00:30:06 0  1  524

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

基本的に、私はこの投稿に従っており、ラジオボタンとその中にdivを表示する必要がある場合は、次の解決策がうまく機能します: $(".tier1-options:radio").on("cha...

から [CSS3ディスカッショングループ] 2023-09-11 23:30:59 0  1  536

要素の背景のランダムなマッピングを実装するにはどうすればよいですか?

各要素の背景色をランダムに設定したいのですが、次のコードに挿入すると背景色が透明になってしまいます: {modules.map((module,index)=>(<divclassName='carousel...

から [CSS3ディスカッショングループ] 2023-09-11 22:32:31 0  1  509

Javascript Html CSS ロード時の数値カウンター アニメーション プリローダー ウィンドウ

自分のポートフォリオ Web サイトでナンバーカウンターのアニメーションを作成したいと考えています。私の古いWebサイトには、完全にロードされたときにプリローダーからWebサイトに移行するjqueryコードがいくつかあり...

から [CSS3ディスカッショングループ] 2023-09-11 22:37:54 0  1  640

カスタムボタンのホバースタイルに反応しない

React プロジェクトにボタンがあり、次のように設定しています。 <labelstyle={styles.label}><inputstyle={styles.input}type="fil...

から [CSS3ディスカッショングループ] 2023-09-11 22:09:50 0  1  532

flex が div で指定された幅よりも大きな幅を占めることを示します。

div には特定の幅があり、その中のテキストは API から動的に取得され、省略記号スタイルが付いています。テキストは完全に動的であり、テキストの長さが決定されていないため、テキストの幅を指定することはできません。以下は...

から [CSS3ディスカッショングループ] 2023-09-11 18:37:38 0  1  607

CDN リンク読み込みのタイムアウトを追加: Head タグにタイムアウト メカニズムを実装します。

CDN を使用していくつかのスタイルをロードしています。プロキシが設定されていないマシンでは、正常に動作します。ただし、CDN が解決できない Web ページにプロキシを使用して接続する場合があり、その結果、ユーザーが強...

から [CSS3ディスカッショングループ] 2023-09-11 17:44:04 0  1  515

CSSを使用してこの種のストロークと影を取得する方法

ストロークを試しましたが、結果が得られませんでした。この問題を解決する CSS を提案してください。また、テキストにシェーディングを加えてみました。 text-shadow:8px-2px0#fff4f4,-4px-6p...

から [CSS3ディスカッショングループ] 2023-09-11 17:49:18 0  1  485

常に最後の行に少なくとも 2 つの項目が含まれるように項目をラップするにはどうすればよいですか?

画像の質問 私のクライアントは、もちろん、応答性の高い方法で車両をウェブサイトに掲載したいと考えています。ただし、既知の手法 (フレックス、グリッド) はすべて、最後の項目を次の行にラップします。絵でやろうとしたことです...

から [CSS3ディスカッショングループ] 2023-09-11 16:49:22 0  1  639

3 つの異なるメディア クエリの div の間隔を調整するのに助けが必要です

コード付きの codpen リンクは次のとおりです: https://codepen.io/gregelious/pen/zYmlGex これは、3 つのカテゴリ (div) が 3 つの個別のボックスとして含まれるレス...

から [CSS3ディスカッショングループ] 2023-09-11 16:53:17 0  1  591

JavaScript はビューポート内でのみ IntoView をスクロールします

モックアップを作成しました (ビデオの再生中に新しいテキスト行にスクロールするときにスペースが使用されることに注意してください)。ブロック「nearest」でscrollIntoViewを使用しています。問題は、ページ全...

から [CSS3ディスカッショングループ] 2023-09-11 16:33:49 0  1  487

子要素がオーバーフローした場合のフレックスボックスの動作が異なる

コンテナーがフレックスで item2 にオーバーフローがある場合、コンテナーは希望のサイズにレンダリングされ、オーバーフロー スクロールバーが表示されます。 .Flex_container{幅:300px;高さ:100p...

から [CSS3ディスカッショングループ] 2023-09-11 15:25:10 0  1  457

2 枚の横長のカードを、両方の画像の下部が揃うように並べてみます。

画像のカードが隣のカードと正確に並んでいません。画像の下部が揃うように 2 枚の水平カードを並べようとしています。これは私の現在の HTML コードです: <divclass="container&quo...

から [CSS3ディスカッショングループ] 2023-09-11 15:00:03 0  1  599

CSS のみを使用して、CSS スタイルを .apply-style-here の親に追加します (.second-stage クラスは使用しません)。

この条件だけを満たして .apply-style-here の親 div にスタイルを適用する方法.apply-style-here の親は通常の div か、.2-stage クラスを持たない .apply-style...

から [CSS3ディスカッショングループ] 2023-09-11 14:23:08 0  1  580