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

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

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

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

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

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

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

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

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

javascript - 少し混乱していますが、なぜ直接checked=trueを使用してjsのタグに効果を追加できるのでしょうか?

例: js を使用して、選択した効果をボタンに追加する必要があります。 js で oDiv.checked = true を直接使用して、選択した効果を追加できるのはなぜですか?なぜ途中にスタイルを追加する必要がないのでしょうか?色の場合、これは oDiv.style.color = "red" になります。

阿神 2017-06-26 10:55:27 0  2  776

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

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

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

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

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

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

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

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

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

Material Tailwind を使用して React で複数選択ドロップダウン メニューを実装する方法

TailwindMaterialSelect コンポーネントと Option コンポーネントを使用して、複数選択のドロップダウン メニューを構築しようとしています。ただし、Select の value プロパティに値として配列を渡そうとすると、次のエラーが表示されます。 無効なプロパティ値、配列型、マテリアルTailwind.Select に指定されました、期待される型は文字列です。使用したくないです。反応選択、私の全体的なデザインは Tailwindmaterial を使用しているためです。誰かが望むなら

P粉633733146 2023-09-06 09:29:26 0  1  615

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

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

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

満足のいくWebデザインを作成する方法

自分のデザインを表示することはできません。リデザインして作りたいと思っています。 Web デザインの作成は多面的なプロセスであり、美しさ、機能性、ユーザー エクスペリエンスをシームレスに融合させる必要があります。それは、Web サイトの目的、対象ユーザー、ブランドを深く理解することから始まります。適切にデザインされた Web ページには、コンテンツの本質を捉えるだけでなく、ナビゲーションのしやすさを保証する、視覚的に魅力的なレイアウトが必要です。色の組み合わせ、フォント、画像の選択は、適切なメッセージを伝え、強力な視覚的アイデンティティを確立する上で重要な役割を果たします。レスポンシブデザイン...

P粉908643611 2023-08-10 17:09:33 0  1  546

CSSの無効なボタンクラスの問題を解決する

ReactJS を使用してこのナビゲーション バーのコードを完成させましたが、ボタンのクラスが機能しません。基本的なボタンのスタイルを試してみましたが、うまくいきませんでした。私はこれに慣れていないので、間違った部分を見つけることができません。 jsxファイル ->> これはjsxファイルです cssファイル ->> これはcssファイル 最終出力 ->> 最終的なWebビュー ボタンにスタイルを追加したいのですが、CSSからボタンクラスを選択すると機能しません。

P粉111641966 2023-08-13 18:54:51 0  2  552

共有スタイルを使用して連続する疑似タグを 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

Tailwind CSS: ナビゲーション デザインの作成

私は CSS と VueJs を初めて使用するので、タブ パネルのデザインと機能を作成しています。 現在、tailwindCSS プラグインを使用しています。 私が望むデザインは次のようなものです。 現在: CodePen がないため、この希望を再現できません。スペースの要素間の: flexspace-x-10 または Gridgrid-gap-20 を使用しようとしましたが、機能しません 背景が灰色です: <nav> 内で bg-gray-600 を使用しようとしましたが、結果ではなく原因ですクリックすると変更 タグを選択

P粉515066518 2024-02-26 16:48:59 0  1  381

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

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

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

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

選択した値の配列にバインドされた 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  686

CSS 疑似クラス関数で複合セレクターを効果的に使用する方法を学びます: host-context(<selector>)

MDN ドキュメントでは、:host-context() は次のように定義されています。 :host-context() CSS 疑似クラス関数は、CSS が含まれるシャドウ DOM のシャドウ ホストを選択します (そのため、そのシャドウからカスタム要素を選択できます) DOM ) - ただし、関数パラメーターとして指定されたセレクターが DOM 階層内のシャドウ ホストの祖先の位置と一致する場合にのみ機能します。言い換えれば、これにより、カスタム要素またはそのシャドウ DOM 内のあらゆるものに、外部 DOM 内の位置、または祖先要素に適用されたクラス/プロパティに基づいて、異なるスタイル...

P粉268284930 2023-09-16 15:49:33 0  1  1016

WordPress 6.0 (add_editor_style) が Gutenberg エディターで style.css を読み込まない

カスタムWordPressブロックテーマを作成するためにUdemyWordPressコースを受講しています。 function.php にブロック タイプが正常に登録され、Gutenberg エディターでブロックを選択できるようになりました。チュートリアルでは、CSS もフロントエンドに読み込まれるように、次のメソッドを使用して Gutenberg ブロック要素のスタイルを読み込むことを提案しています。 functionlr_theme_features(){//Enqueueeditorstyles//BorrowedfromTwentyTwent

P粉905144514 2023-11-12 20:37:50 0  2  835

JavaScript - echarts の凡例に文字が多すぎる場合、それを省略記号に変更するにはどうすればよいですか?

私は現在、凡例が動的に生成される echarts 円グラフを作成しています。場合によっては、12 個以上のテキストが背景に送信され、スタイルが見苦しくなります。今、達成したいのは、1 つの凡例のテキストが 8 個を超えたときです。を選択すると、自動的に省略記号「...」に変わります (下の図を参照)。少し指導してください。

过去多啦不再A梦 2017-05-19 10:19:29 0  3  743