CSS顏色變量在Edge中不起作用

我正在設計一個新的博客模板。我想，可以很容易通過改變變量的值改變，同時整個模板的顏色，所以我用這些行：CSS顏色變量在Edge中不起作用

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

但不幸的是它不會在邊緣瀏覽器中運行：/雖然我用

-webkit-

來源

2016-09-20 peter hany

目前還不清楚你想達到什麼樣的你的問題是什麼。 Edge的CSS變量不可用：http://caniuse.com/#feat=css-variables。你試圖回答什麼問題？ – benjaminhull

我不相信Edge在這個時候支持CSS變量。 – Quantastical

[MDN]（https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_variables）和[caniuse]（http://caniuse.com/#search=css%20variables）都表示此功能在MSIE和Edge中不受支持。 –

CSS變量沒有被IE或邊緣支持。請參閱瀏覽器兼容性下的here。另外，the W3C spec。

作爲一種替代方案，您可以使用CSS預處理器以您描述的方式使用變量編譯CSS。

Docs on Sass

Docs on Less

來源

2016-09-20 14:29:48 mhatch

什麼是替代方案？ –

有CSS預處理器可以實現您的目標，如Sass/SCSS和LESS。 – mhatch

@peterhany看看這個Sass指南http://sass-lang.com/guide – mhatch

CSS顏色變量在Edge中不起作用

回答

相關問題