码迷,mamicode.com
首页 > 编程语言 > 详细

JavaScript 检测浏览器是否支持 CSS 变量

时间:2020-04-02 15:33:42      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:htm   word   写法   cti   rip   blog   span   func   读取   

JavaScript 检测浏览器是否支持 CSS 变量:

const isSupported =
  window.CSS &&
  window.CSS.supports &&
  window.CSS.supports(‘--a‘, 0);

if (isSupported) {
  /* supported */
} else {
  /* not supported */
}

 

JavaScript 操作 CSS 变量的写法如下:

// 设置变量
document.body.style.setProperty(‘--primary‘, ‘#7F583F‘);

// 读取变量
document.body.style.getPropertyValue(‘--primary‘).trim();
// ‘#7F583F‘

// 删除变量
document.body.style.removeProperty(‘--primary‘);


原文:http://www.ruanyifeng.com/blog/2017/05/css-variables.html

JavaScript 检测浏览器是否支持 CSS 变量

标签:htm   word   写法   cti   rip   blog   span   func   读取   

原文地址:https://www.cnblogs.com/hehuiqiong/p/12619911.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!