gpt4 book ai didi

css -::-ms-thumb 出现在轨道后面

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

我为一些 slider 创建了一个自定义类。在 chrome 中一切正常。请参见下图:

Chrome

enter image description here

但我的问题是在 Internet Explorer 上我得到了这个: enter image description here

现在这是我的 CSS:

input[type="range"].slider-black::-ms-thumb{
height:40px;
width:40px;
border-radius:100px;
background:rgba(0,0,0,0.7);
border:2px solid silver;
box-shadow:0 0 4px 2px rgba(1,1,1,0.8);

}



input[type="range"].slider-black::-webkit-slider-thumb{
height:40px;
width:40px;
border-radius:100px;
background:rgba(0,0,0,0.7);
border:2px solid silver;
box-shadow:0 0 4px 2px rgba(1,1,1,0.8);

}

有什么方法可以使我的::-ms-thumb 看起来与 chrome 上的完全一样吗?

最佳答案



诀窍是在::-ms-track 中应用边距,即拇指按钮宽度的一半。

这里有一个在线 demo

关于css -::-ms-thumb 出现在轨道后面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30011717/

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