时间戳

首页 > 解决方案 > 在 shadow dom 中设置输入范围的样式

css - 在 shadow dom 中设置输入范围的样式

问题描述

我正在尝试在 shadow dom 中设置输入范围拇指的样式。我知道 CSS 选择器不能有多个伪元素选择器，所以我似乎不允许这样做：

::slotted(input[type=range]::-webkit-slider-thumb) {
  background-color: red;
}

是否有替代方法来设置样式，甚至是输入范围 thumb 中的属性？

谢谢，

标签： cssgoogle-chromeweb-componentshadow-dom

解决方案

推荐阅读