gpt4 book ai didi

css - 为什么我不能组合伪元素选择器?

转载 作者:行者123 更新时间:2023-11-28 11:01:00 25 4
gpt4 key购买 nike

<分区>

当组合伪元素选择器(用于范围输入)时,我发现没有应用样式。这迫使我分离我的选择器并复制我的 CSS。

有谁知道为什么会出现这种怪癖?

/* Keeping the selectors separate works */
.range1 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.range1::-webkit-slider-runnable-track {
height: 6px;
border-radius: 3px;
border: 1px solid black;
}
.range1::-moz-range-track {
height: 6px;
border-radius: 3px;
border: 1px solid black;
}

/* Combining the selectors fails */
.range2 {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
}
.range2::-webkit-slider-runnable-track,
.range2::-moz-range-track {
height: 6px;
border-radius: 3px;
border: 1px solid black;
}

CodePen示例。

Screenshot

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com