输入范围不在ie或edge中工作

有没有其他人遇到这个问题,你有解决方案吗？

在ie和edge中使用此html不会显示范围.

    
        
        
        
        

    
    
        
    
            

                

                    

                        

                            
stuff

                            
stuff

                        
                    
                
            
        
    

如果您取出表格中每行的第一个内容,则输入范围将再次起作用.在crome,firefox和opera中都很好.

有谁见过这个,你知道怎么解决吗？

添加MS填充物:

input[type=range]::-ms-track {
/*example */
width: 250px;height: 10px;
background: transparent;
border-color: transparent;
border-width: 6px 0;
color: transparent;
}

input[type=range]::-ms-fill-upper {
background: gray;
border-radius: 6px;
}
input[type=range]::-ms-fill-lower {
background: gray;
border-radius: 6px;
}

这只是示例,但您需要关注以下内容:

    input[type=range]::-ms-track
    input[type=range]::-ms-thumb
    input[type=range]::-ms-fill-upper
    input[type=range]::-ms-fill-lower

检查FIDDLE