CSS变量有什么解决方法吗？

以下是已解决问题的后续内容：

这样做的目的是为悬停时出现的背景色添加一个过渡，以下代码适用于IE11，但没有过渡：

输入[类型=复选框]{ 外观：无； } 输入[类型=复选框]+标签{ 保证金：0； 填充：0； 用户选择：无； } 输入[类型=复选框]+标签：：之前{ 内容：urlhttps://svgshare.com/i/Qo7.svg; 光标：指针； 颜色：透明； 背景：无； 边界：无； 边界半径：50%； 高度：40px； 宽度：40px； 显示器：flex； 证明内容：中心； 对齐项目：居中； } 输入[类型=复选框]：选中+标签：之前{ 内容：urlhttps://svgshare.com/i/Qmp.svg; 背景：无； 边界：无； } 输入[类型=复选框]：悬停+标签：之前{ 背景：D9DEEA； }

---

无CSS变量解决方案

.集装箱{ 位置：相对位置； 高度：100px； 宽度：300px； 填充：24px； 框大小：边框框； 颜色：黑色； 边框：2件纯黑； } 输入[类型=复选框]{ 高度：40px； 宽度：40px； 位置：绝对位置； 顶部：12px； 右：12px； 外观：无； 大纲：无； 光标：指针； 边界：无； 背景： urlhttps://svgshare.com/i/Qo7.svg calc50%+1px 50%/60%60%， 径向梯度最远侧，D9DEEA 99%，透明中心/0px 0px； 背景重复：无重复； 过渡：0.5s； } 输入[类型=复选框]：悬停{ 背景尺寸： 60% 60%, 100% 100%; } 输入[类型=复选框]：选中{ 背景图像： urlhttps://svgshare.com/i/Qmp.svg, 径向梯度最远侧，D9DEEA 99%，透明； }

---

除了变量外，外观属性不受IE11支持-我想知道你是否声明第一个版本在IE11中工作？@Johannes yes确切地说是真诚的问题：你为什么希望支持IE11？它已经7年了，微软支持它的时间不会太长，它在全球的市场份额很小，不仅被Edge取代，而且Edge也被Edge取代。微软将IE11描述为一个新的应用程序。其他人同意微软的观点：在正版IE11中，后台大小不支持转换，一个解决方案可以是shadow:jsbin运行IE11@Rounin好吧，告诉我们的测试人员，他们甚至在IE11手机上测试这个应用程序，据我所知，没有人使用它。你能检查一下我对底部帖子的编辑吗