に質問検索_PHP中国語ウェブサイト

コミュニティ

学ぶ

ツールライブラリ

AIツール

レジャー

日本語

人気の検索：
PHP
MySQL
jquery
HTML
CSS

JavaScript を使用すると、CSS カスタムプロパティ (CSS 変数とも呼ばれます) にアクセスできます。

JavaScript (プレーンまたは jQuery) を使用して CSS カスタムプロパティ (スタイルシートの var(…) を介してアクセスされるプロパティ) を取得および設定するにはどうすればよいですか?これが私の失敗した試みです。ボタンをクリックすると、通常の font-weight プロパティが変更されますが、カスタム --mycolor プロパティは変更されません: <html><head><scriptsrc="https://ajax.googleapis.com /ajax/libs/ jquer

P粉420868294 2023-10-20 22:42:04

CSS 表示プロパティの変換

私は現在、CSS の「メガドロップダウン」メニューを設計しています。基本的には通常の純粋な CSS ドロップダウンメニューですが、さまざまなタイプのコンテンツが含まれています。現在、CSS3 トランジションは「display」プロパティでは動作しないようです。つまり、display:none から display:block (または任意の組み合わせ) に移行することはできません。誰かがトップレベルのメニュー項目の 1 つにカーソルを置いたときに、上の例の 2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性で変換を使用できることはわかっていま...

P粉958986070 2023-08-23 12:27:32

CSS 表示プロパティのグラデーション効果

私は現在、CSS の「スーパードロップダウン」を設計しています。基本的には通常の純粋な CSS ドロップダウンですが、その中にはさまざまな種類のコンテンツが含まれています。現在、CSS3 トランジション効果は「display」プロパティには適用されないようです。つまり、display:none から display:block (または任意の組み合わせ) にトランジションする方法がありません。上の例では、誰かが一番上のメニュー項目にカーソルを置いたときに、2 番目のレベルのメニューを「フェードイン」させる方法はありますか? Visibility: 属性でトランジション効果を使用できることはわ...

P粉608647033 2023-08-21 11:08:32

計算されたプロパティは運用ビルドでは更新されません

開発ビルドの使用時に機能する wildcardItem という計算プロパティがありますが、運用ビルド (mix --product) を実行すると、プロパティが更新されなくなります。コードのコンパイルには LaravelMix を使用しています。 mix.setPublicPath('../').js('js/app.js','dist/app.js').vue().postCss('css/app.css','dist/app.css '、[必要とする（'

P粉350036783 2024-03-26 18:53:03

CSS スコープのカスタムプロパティを親スコープ内の変数の評価に使用すると認識されない

クラスを結合せずに構成できるように、var カスタムプロパティを介してサイズをスケーリングしようとしています。望ましい効果は、3 つのリストが 3 つの異なるスケールを持つことですが、CodePen に示されているように、3 つのリストはすべて同じスケールになります。私は、構成可能な疎結合コードでこれを可能にするスコープと CSS カスタムプロパティ手法の説明を探しています。 :root{--size-1:calc(1*var(--scale,1)*1rem);--size-2:calc(2*var(--sca)

P粉006847750 2023-11-01 21:53:10

CSS スケールプロパティを使用すると、Vuetify の v メニュードロップダウンが間違った位置に表示される

添付画像に示すように、CSS プロパティのスケールを使用すると、v メニューの位置が間違った場所になります。対応する codepen: https://codepen.io/satishvarada/pen/YzjGNVZ v-autocomplete コンポーネントを使用する場合にも同様の問題が発生します。 newVue({el:'#app',vuetify:newVuetify(),data:()=>({items:[{title:'ClickMe'},{title:'Cl

P粉983021177 2024-03-19 18:55:15

パラメータが省略されたプロパティとしてのコンポーネント

プロパティが省略されたコンポーネントである必要があるプロパティを定義したいと考えています。いくつかのプロパティを持つ検証コンポーネントがあります。interfaceValidationProps{value:string,check:Array<(value)=>boolean>}constValidation:FC<ValidationProps>=function(){}exportdefaultValidation;

P粉803527801 2024-04-03 20:25:34

JavaScript は要素スタイルを使用するよりも CSS カスタムプロパティの更新が遅い: パフォーマンスの比較

私は、mousemove イベントと touchmove イベントを使用してスライドアニメーションを実装する vue3 用のカレンダースライダーと、いくつかの速度アニメーションを実行する関数を作成しました。プロジェクトはここでテストできます: https://stackblitz.com/github/Der-Alex/vue-calendar-slider?file=src/components/VueCalendarSlider.vue 私の最初のアイデアは、CSS カスタムプロパティ -- posx を使用して保存することでした。

P粉235202573 2024-01-07 09:42:03

フッターの CSS プロパティが正しく表示されない問題を修正するにはどうすればよいですか?

フッターに CSS プロパティが正しく表示されません。高さ、重さ、パディング、オーバーフローを変更してみましたが、何も変わりません。コードは次のとおりです。footer{background-color:black;height:auto;width:100%;padding-top:40px;color:#fff;overflow:auto;padding:20px;float:left;}<!DOCTYPEhtml ><htmllang =&q

P粉670838735 2023-09-15 19:05:11

PHP オブジェクトプロパティのアクセス構文は何ですか?

PHP オブジェクトのプロパティにアクセスするにはどうすればよいですか?また、オブジェクトのプロパティにアクセスするために $this->$property1 を使用する場合と $this->property1 を使用する場合の違いは何ですか? $this->$property1 を使用しようとすると、「PHP: null プロパティにアクセスできません」というエラーが表示されます。 PHP のオブジェクトプロパティのドキュメントにはこの問題について言及したコメントがありますが、そのコメントでは詳細が説明されていません。

P粉966335669 2023-08-22 19:45:26

JavaScript を使用せずに信頼できない入力を CSS カスタムプロパティに安全に割り当てる: ガイド

文字列キーと文字列値のオブジェクトがあり、それらを CSS カスタムプロパティとしてサーバー生成の HTML に書き込みたいとします。どうすれば安全にこれを行うことができますか?安全とは、可能であれば、カスタムプロパティの宣言によって、ブラウザーが他のスタイル宣言や HTML ドキュメントの一部を正しく解析できなくなるような CSS 構文エラーが発生しないようにすることを意味します。何らかの理由でこれが不可能な場合は、キーと値のペアを省略する必要があります。さらに重要なのは、これによりクロスサイトスクリプティングが不可能になることです。わかりやすくするために、キーを [a-zA-Z0-9...

P粉356361722 2023-09-06 22:32:52

計算されたプロパティ名を使用してオブジェクトのプロパティにアクセスする

動的な名前を使用してオブジェクトのプロパティにアクセスしようとしています。これは可能でしょうか? constsomething={bar:"Foobar!"};constfoo='bar';something.foo;//アイデアは、something.bar にアクセスして「Foobar!」を取得することです。

P粉578680675 2023-08-20 15:32:14

Vue I18n を使用してコンポーネントの属性/プロパティを変換する方法

受信したプロパティ/コンポーネントのプロパティを翻訳するにはどうすればよいですか?たとえば、タイトルと説明のプロパティが定義されたカードコンポーネントがあります。 <template><div><h2>{{title}}</h2><span>{{description}}</span></div></template><スクリプト(&G)

P粉416996828 2023-11-07 12:47:10

CSS.registerProperty() のプロパティ値を取得する方法を学習します。

CSS.registerProperty メソッドを使用してプロパティを登録しました。問題は、同じコンポーネントをロードすると、そのようなプロパティがすでに存在するために DOMException がスローされることです。同様のプロパティのゲッターメソッドがあるかどうかを確認する方法を探しています。 vue3 コンポーネントで実行されます。 onMounted(()=>{try{window.CSS.registerProperty({name:"--num",synt)

P粉293341969 2024-03-30 22:12:33

CSS カスタムプロパティを効果的に使用するにはどうすればよいですか?

私は、アプリケーションが 10 個の Tailwind スタイルのカラーバリエーションのセットを生成するために使用する原色をユーザーが選択できるようにするカスタムテーマを使用したアプリケーションを開発しています。 JavaScript を使用して色を生成し、それらを dom に注入していますが、調査の結果、dom はコンパイルされた CSS にしかアクセスできないため、scss 変数を注入できないことがわかりました。したがって、scss 色の代わりに css カスタムプロパティを使用する必要がありました。これが珍しい使用例であり、scss が色を扱う方法ではないことはわかっていますが、問...

P粉384366923 2024-01-16 19:00:56

複数の CSS トランジション効果を実装する方法

これは非常に単純な質問ですが、CSS トランジションプロパティに関する適切なドキュメントが見つかりません。 CSS スニペットは次のとおりです。 .nava{text-transform:uppercase;text-decoration:none;color:#d3d3d3;line-height:1.5em;font-size:.8em;display:block;text-align:center;テキスト -shadow:0-1.5em0rgba(2

P粉258788831 2023-08-22 11:00:36

未定義エラーのプロパティを読み取れません: Vue バインドオブジェクトプロパティのクラスバインディングタイプが間違っています

オブジェクトのプロパティに基づいてクラスをバインドしようとしていますが、リストオブジェクトをクリックして @click をトリガーすると、isSelected のオブジェクトプロパティを読み取れないことがコンソールに表示されます。動的にレンダリングされるリスト項目の関数。項目の ID を受け取り、このプロパティが false または true に設定されている場合にクラスをアクティブ化します。誰かが以下のコードで何が足りないのか教えてくれると嬉しいです、ありがとう :)< ulclass="日数リスト">

P粉617237727 2023-08-26 23:55:21

Safari 16.4 および iOS 16.4 は動的に設定された CSS プロパティを独自に変更します

数年前に JavaScript のパズルゲームを作成しましたが、問題なく動作しました。最近、iOS16.4とSafari16.4にアップデートした後、コードが同じように動作しなくなり、調べたところ問題が見つかりましたが、修正方法がわかりません。私のコードでは、次のように 2 つの CSS プロパティ (背景サイズと背景位置) を動的に設定し、値 (gridSize、xpos、ypos) はコード内で事前に設定されていました: varli=$('<liclass=" item" d

P粉099985373 2024-02-21 15:11:28

非オブジェクトのプロパティ 'obj' を取得しようとします

このエラーを報告する非オブジェクトのプロパティ 'obj' を取得しようとしました

AZJ 2019-08-05 16:32:51

JavaScript - vue の計算されたプロパティにパラメーターを渡す方法

計算されたプロパティのパラメーターを渡すにはどうすればよいですか? {コード...}

欧阳克 2017-07-05 10:47:14