jqueryを使用してCSSファイルの静的色を動的に変更する

複数のボタンがあり、bg というクラスがあります。 CSS ファイルで bg クラスのスタイルを設定しますが、同時に JS ファイルからその色を動的に変更できるようにしたいと考えています。背景は 1 色だけですが、必要に応じてさまざまな色を作成できます。たとえば、カラー コードは API から取得されます (test1 は赤、test2 は黄色など)。思いついたコードは何でも使いたい。たとえば、test2 ページに移動すると、背景が黄色になります。 CSSファイルにクラスtest1とtest2を作成することでそれを行うことができますが、何百ものクラスがある可能性があるため役に立ちません

P粉459440991 2024-03-19 23:24:43 0  1  420

CSS を使用して、HTML ページ内のリンクをクリックした後に段落の背景色を変更する方法

ページ上のリンクをクリックしたときに段落の背景色を変更できますか。 <ahref="#p4">P4 にジャンプ</a><pid="p4">私は P4</p> -p{背景色: yellow;} を実現するには CSS に何を記述する必要がありますか?

P粉311423594 2023-09-02 00:38:08 0  1  615

CSSを使用してWebサイトの背景にランダムな色を生成する方法を誰か教えてもらえますか?出来ますか？

unsplash 画像ソースを使用してランダムな画像を使用できるのと同じように。同様に、CSSだけを使用して背景色を実現できますか? 「はい」の場合、誰かがそれを行う方法を教えてもらえますか？ランダム関数を使用して、スタイルの背景にランダムな色を生成します。しかし、何も出力されません

P粉267791326 2023-09-06 22:53:31 0  1  584

CSS/HTML 経由で境界線の色をグレーからフルカラーに変更するにはどうすればよいですか?

私は HTML+CSS を学ぼうとしている初心者で、この境界線を完全に灰色にしたいのですが、ご覧のとおり、半分/半分です。理由がわかりません。ありがとう、enterimagedescriptionここに私のコンソールと以下の画像があります。

P粉573943755 2023-09-16 12:30:52 0  1  1168

ランダムな色を取得する

$(document).ready(function(){ 色を変更('a') $('a').mouseover(function(){ $bg=$(this).css('backgroundColor') $(this).css('ボックスシャドウ','0

Jia 2018-11-29 16:11:53 0  1  1035

CSS - アニメーションの色の変更の問題

これは初期のカラー値です。詳細についてはデモを参照してください。しかし、アニメーション効果を書いた後にカラー値が変わります。これはなぜですか?アニメーションのカラーを初期値のカラーと一致させるにはどうすればよいですか?

世界只因有你 2017-06-28 09:27:36 0  1  1282

CSS セレクターの優先順位/特異性のデコード

CSS セレクターが属性の競合をどのように処理するかを理解したいと考えています。ある物件を別の物件より選択するにはどうすればよいですか? div{背景色:赤;}div.my_class{背景色:黒;}div#my_id{背景色:青;}bodydiv{背景色:緑;}body>div{背景色:オレンジ;

P粉715274052 2023-10-19 22:58:19 0  2  637

css3 - CSS フォント スタイルに背景色の代わりに塗りつぶし色を加えたもの

次のようなフォント スタイルがあります。 ハートを包むスパン全体ではなく、ハートに色を追加したい場合、カラー エラーは次のようになります。 スパンの定義は次のとおりです。 {code...}背景色を追加すると、上の画像が表示されます。効果としては、直接色を使用すると、ハート型の境界線にのみ色が付きます。

天蓬老师 2017-06-08 11:02:27 0  2  1324

hr タグが単色白に設定されているのに半透明になるのはなぜですか?

HTML（ブートストラップ付き）とCSSがあり、HTMLにはクラスを持つ<hr>タグがあり、CSSにはその境界線スタイルがあります。半透明で白い色は見えますが、「固体」ではありません。思ったほど青白くなく、完全にしっかりしていればいいのにと思います。 body{背景色:#1b3b3c!重要;色:白!重要;}.hr-left-bold{ボールド

P粉957661544 2024-04-06 16:13:26 0  1  852

css - ボックスの色が変わらないのはなぜですか?

{コード...}

我想大声告诉你 2017-05-16 16:33:58 0  5  782

lice() は終了インデックスを省略し、デフォルトで最後の要素を選択します。

$("li").slice(1).css("border","1px 単色赤"); //これは機能します $("li").slice(1,).css("border","1px赤で点灯");//これはエラーを報告し、効果はありません

半圈不直会旋转的爱～ 2018-06-07 10:51:50 0  2  1678

ナビゲーションバーの中央のドロップダウンメニュー

このCSS/HTMLを作りました。 .navbar{幅:100%;背景色:rgb(151,44,44);オーバーフロー:自動;}.navbara{border-right:1pxsolid#f5b7b7;float:left;padding:8px;color:white;text -装飾:なし;フォントサイズ:1.5vh;幅:25%

P粉285587590 2024-04-04 18:24:52 0  1  550

CSS を使用して HTML 入力のプレースホルダーの色を変更する

Chromev4 は、input[type=text] 要素のプレースホルダー属性をサポートします (他のものも同様である可能性があります)。ただし、次の CSS はプレースホルダーの値に対して何も行いません: input[placeholder],[placeholder],*[placeholder]{color:red! important;}<inputtype="text"placeholder="Value"&gt

P粉068510991 2023-08-27 11:17:26 0  2  576

連続テーブルのケーブルヘッダーに異なるカスタム CSS (フォントの色) を実装する

青のタイトル、次に赤のタイトルが欲しいです。この回答によると、私は猫 2 HTML... 部分で、最初は青、2 番目は赤ですが、両方とも赤になります。青の称号と赤の称号を取得するにはどうすればよいですか？ ---output:html_document---```{rsetup,include=FALSE}knitr::opts_chunk$set(echo=FALSE)````{rresults="asis"}cat(&quo

P粉563831052 2023-09-01 19:53:36 0  2  621

javascript - raw-loader を使用して CSS ファイルを文字列に読み込むが、読み込みが失敗する

cssファイルはインポートする必要があるため、jsの文字列形式で処理されます。 raw-loader を使用して txt、css、および js ファイルをテストして読み取ります。css の読み取りのみ失敗しました。解決してください。 cssファイルには本文の背景色のみ設定します。 {コード...} webpack.base.conf.js...

曾经蜡笔没有小新 2017-05-19 10:11:59 0  2  738

VueJS/Tailwind CSS/VITE: Tailwind テーマの色として環境変数を使用する

Vite、TailwindCSS、postcss を使用した VueJS セットアップがあり、コードがデプロイされる場所に応じて異なるカラーテーマを適用できるように、.env.name ファイル内の変数を使用して異なる色を定義したいと考えています。 VITE_COLOR="FF0000" を含む .env ファイルを使用して、tailwind.config.js にインポートしてみました...theme:{colors:{primary:import.meta.env.COL

P粉174151913 2023-08-26 14:31:22 0  1  527

クラスを削除するときに CSS アニメーションが停止しないようにする方法

グリッドがあります。バックエンドから更新メッセージを受信したら、3 秒以内に行をオレンジ色で強調表示する必要があります。更新を受信したら、CSS クラス「ハイライト」を行に追加し、アニメーションを再生します。 .highlight{アニメーション名:ハイライト;アニメーション期間:3 秒;}@keyframeshighlight{0%{背景色:オレンジ;}99.99%{背景

P粉412533525 2023-08-29 16:15:06 0  1  584

CSS カラー変数に不透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron を使用してアプリを設計しています。 vars.css で色変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、不透明度を適用します: #element{background:(somehowusevar( --color) atsomeopacity);} これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。私は全体の方が好きです

P粉495955986 2023-08-24 00:12:47 0  1  538

CSSカラー変数に不透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron を使用してアプリを設計しています。 vars.css で色変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、不透明度を適用します: #element{background:(somehowusevar( --color) atsomeopacity);} これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。私は全体の方が好きです

P粉496886646 2023-10-13 14:43:49 0  1  798

CSS カラー変数に透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron を使用してアプリを設計しています。 vars.css で色変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、不透明度を適用します: #element{background:(somehowusevar( --color) atsomeopacity);} これを行うにはどうすればよいですか?プリプロセッサは使用せず、CSS のみを使用します。私は全体の方が好きです

P粉573809727 2023-10-13 15:48:04 0  1  724