2016-09-20 6 views
1

新しいBloggerテンプレートを設計しています。私は、変数の値を変更することにより、同時にテンプレート全体の色を変更することが簡単にしたいので、私はこれらの行を使用:CSSの色がEdgeで機能しない

:root { 
    --bg-color: #fff; 
    --url-color : #000; 
    --main-color : #2daeeb; 
    --main-hover-color : #2ca1de; 
    --alt-color : #ff6347; 
} 

を残念ながらそれはエッジのブラウザでは動作しません:/もののi used

-webkit- 
+1

それはあなたの問題であり、何を達成しようとしているかは不明です。 CSS変数はEdgeでは利用できません:http://caniuse.com/#feat=css-variables。あなたが答えようとしている質問は何ですか? – benjaminhull

+1

私はEdgeが現在CSS変数をサポートしているとは思わない。 – Quantastical

+1

[MDN](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables)と[caniuse](http://caniuse.com/#search=css%20variables)の両方でこの機能はMSIEおよびEdgeではサポートされていません。 –

答えて

6

CSS変数はIEまたはEdgeではサポートされていません。ブラウザの互換性の下でhereを参照してください。また、the W3C spec

代わりに、CSSプリプロセッサを使用して、記述した方法で変数を使用してCSSをコンパイルすることもできます。

Docs on Sass

Docs on Less

+0

代替手段は何ですか? –

+0

Sass/SCSSやLESSなどの目標を達成できるCSSプリプロセッサがあります。 – mhatch

+0

@peterhanyこのSassガイドをご覧くださいhttp://sass-lang.com/guide – mhatch

関連する問題