有没有办法用 JavaScript 来 pollyfill ie11 的自定义 CSS 属性?
我在考虑加载,检查浏览器是否支持自定义属性,如果不支持,则对属性进行某种查找和替换。
这可以通过 JavaScript 或某些库实现吗?
Thanks
看看这个(我的)自定义属性 Polyfill:
https://github.com/nuxodin/ie11CustomProperties https://github.com/nuxodin/ie11CustomProperties
怎么运行的
该脚本利用了 IE 具有最小自定义属性支持的事实,其中可以在考虑级联的情况下定义和读取属性。
.myEl {-ie-test:'aaa'} // only one dash allowed "-"
然后用 javascript 读取它:
getComputedStyle( querySelector('.myEl') )['-ie-test']
来自自述文件:
Features
- 处理动态添加的 html 内容
- 处理动态添加的 , -元素
- 链接
--bar:var(--foo)
- 倒退
var(--color, blue)
- :焦点,:目标,:悬停
- js-integration:
style.setProperty('--x','y')
style.getPropertyValue('--x')
getComputedStyle(el).getPropertyValue('--inherited')
- 内联样式:
<div ie-style="--color:blue"...
- 级联工程
- 传承作品
- 低于 3k (min+gzip) 并且无依赖
Demo:
https://rawcdn.githack.com/nuxodin/ie11CustomProperties/b851ec2b6b8e336a78857b570d9c12a8526c9a91/test.html https://rawcdn.githack.com/nuxodin/ie11CustomProperties/b851ec2b6b8e336a78857b570d9c12a8526c9a91/test.html
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)