css - Microsoft Edge で CSS 変数が機能しない

Question

新しいブロガーテンプレートを設計しています。variable の値を変更することで、テンプレート全体の色を同時に簡単に変更できるようにしたいので、次の行を使用しました。

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

残念ながら、プレフィックスを使用したにもかかわらず、Edge ブラウザーでは機能しません。

-webkit-

score 11 · Accepted Answer

CSS 変数は IE でサポートされておらず、サポートされる予定もありません。

アップデート：

CSS 変数は、EdgeHTML 15 以降の Edge でサポートされています (Windows 10 バージョン 15063 にパッケージ化されており、2017 年 3 月以降に利用可能になりました。

こちらのブラウザの互換性を参照してください。

別の方法として、CSS プリプロセッサを使用して、記述した方法で変数を使用して CSS をコンパイルできます。

1 に答える 1