Question

基本上我是一个HTML 5 range元素，可用作我的应用视频跟踪器。在提到我的问题之前，这是CSS样式表：

.vidskb_r::-moz-range-thumb,.vidskb_r::-webkit-slider-thumb{
    height: 0px;
    width: 0px;
    appearance:none;
    -moz-appearance:none;
    -moz-transition: height .2s ease-in-out, width .2s ease-in-out;
    -webkit-appearance:none;
    transition: height .2s ease-in-out, width .2s ease-in-out;
    -webkit-transition: height .2s ease-in-out, width .2s ease-in-out;
    background-color:rgb(213,90,0);
}
input[type=range]:hover::-webkit-slider-thumb,input[type=range]:hover::-moz-range-thumb{
    height:12px; 
    width:12px;
}

现在只要我为我的拇指创建一个新的特定类，.vidskb_r::-moz-range-thumb,.vlrange::-moz-range-thumb,就不能让我创建自定义范围缩略图：

.vidskb_r::-moz-range-thumb{
    height: 0px;
    width: 0px;
    appearance:none;
    -moz-appearance:none;
    border-radius:50px;
    background-color:rgb(213,90,0);
    -moz-transition: height .2s ease-in-out, width .2s ease-in-out;
    transition: height .2s ease-in-out, width .2s ease-in-out;
}

原因：我不知道。

而且转换也不起作用，当我将鼠标悬停在范围上时，它只是弹出而不是动画。

提前致谢！

css转换无法在firefox中正常工作

0 个答案: