css-variables

0熱

1答えて

JavaScript：動的に読み込まれたCSS：CSS変数がJSでは表示されませんが、CSSから評価されます

JavaScriptを使用して動的にスタイルシートをアプリケーションに読み込みます。このスタイルシートでは、自分のJSから読み書きしたいさまざまなCSS変数があります。ヘッドタグに直接埋め込まれたスタイルシートは正しく処理されます。 CSS変数はCSSで評価され、JSで表示されます。ランタイム中に動的にロードされるスタイルシートには、いくつかの奇妙なエラーがあります。 CSS変数はCSSによっ

0熱

1答えて

CSS変数 - 複数のフォールバックが機能しない

MDNによると、var関数は複数のフォールバックを受け入れます。しかし、私は彼らを働かせることができません。 Chrome、Firefox、Safariで次のコードを試しました。上記のすべてのブラウザで.demo3のbackground-colorは透過的です。コードにエラーがありますか、またはブラウザが変数フォールバックを実装していないためですか？複数のフォールバックのために :root {

0熱

1答えて

クロム開発ツールprofiling css variables

私はchrome開発ツールを使ってプロファイリングするのが初めてです。私は、どのくらいのパーセンテージヒットのCSS変数があるかを知りたいので、同じページをサーバサイドの前処理されたcssとcssの変数と比較したいと思います。 chrome dev toolsのプロファイラでは、解析スタイルシート、ペイントなどのようなアクティビティが表示されます。前処理済みのCSSをCSS変数と比較する際に、

2熱

3答えて

ie11のCSSカスタムプロパティpolyfill

JavaScriptでie11のカスタムCSSプロパティをポリラインで埋め込む方法はありますか？私はロードを考えていました。ブラウザがカスタムプロパティをサポートしているかどうかをチェックし、そうでない場合はプロパティを検索して置き換えます。これはJavaScriptやライブラリで可能ですか？おかげ

0熱

1答えて

CSS変数でrgbaの不透明度/アルファを設定する

CSS変数を試していますが、RGBカラーを使用したいと思います。 color: var(--primary) しかし、いくつかの段落はまた、この原色を使用して、私はそれらを与えるしたいと思います：次のコードを使用している場合 --primary: rgb(112, 199, 255); だから、これは絶対に正常に動作します：は、ここに私の現在のCSS変数のわずかな透明性。今、私はそれを交

0熱

1答えて

HTMLLinkElementからCSSStyleSheetを取得する方法

CSSRuleオブジェクトを操作する必要があるJavaScriptを使用して、より優れたCSS変数コントロールを使用したいと考えています。ここでそれを得るために2つの方法のJavaScriptコードです： // get from the CSSStyleSheet of a <style> element document.getElementsByTag('style')[0].sheet.

5熱

1答えて

var（）に動的プロパティ名を設定する方法

attr()のような動的値に基づいてカスタムプロパティを使用しようとしています。たとえば、以下のコードでは、現在の要素のid属性に基づいて両方のカスタムプロパティにアクセスしようとしました。 :root{ --app-foo: 'Hello'; --app-bar: 'World'; } div::after{ /* expected :

1熱

1答えて

@apply mixinでPolymer.updateStylesを使用する

私は動的Polymer 2.0アプリケーションを持っていますが、@applyでは動作しません。私はCSS変数とミックスインを持っている： <custom-style> <style> html { --content-background-colour: #fff; --content-foreground-colour: var(--paper