Javascript 输入类型范围控件在IE中显示为文本框

我正在ASP.NET页面中使用输入类型范围控件，如下所示。这在Firefox和Google Chrome浏览器中正确显示，效果良好

但在IE-11中，它显示为输入类型文本控件。当我查看浏览器HTML源代码时，我看不到范围控件，它会自动转换为输入文本控件，如下所示

<input type="text" id="myRange" min="0" value="0" />

我正在为我的项目使用引导。你能提供一些帮助来解决这个问题吗

<div class="row">
    <div class="col-xs-2">
        <asp:Label ID="Label1" runat="server" Text=""></asp:Label>

    </div>
    <div class="col-xs-8">


        <input type="range" id="myRange" min="0" value="0" />
    </div>
    <div class="col-xs-2">
        <asp:Label ID="Label2" runat="server" Text=""></asp:Label>

    </div>
</div>

以下是跨浏览器输入范围的示例，包括IE10+

输入[类型=范围]{
-webkit外观：无；
利润率：10px0；
宽度：100%；
}
输入[类型=范围]：焦点{
大纲：无；
}
输入[类型=范围]：-webkit滑块可运行轨迹{
宽度：100%；
高度：12.8px；
光标：指针；
动画：0.2s；
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
背景：#ac51b5；
边界半径：25px；
边框：0px实心#000101；
}
输入[类型=范围]：-webkit滑块拇指{
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
边框：0px实心#000000；
高度：20px；
宽度：39px；
边界半径：7px；
背景：#65001c；
光标：指针；
-webkit外观：无；
利润上限：-3.6px；
}
输入[类型=范围]：焦点：--webkit滑块可运行轨迹{
背景：#ac51b5；
}
输入[类型=范围]：-moz范围轨迹{
宽度：100%；
高度：12.8px；
光标：指针；
动画：0.2s；
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
背景：#ac51b5；
边界半径：25px；
边框：0px实心#000101；
}
输入[类型=范围]：-moz范围拇指{
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
边框：0px实心#000000；
高度：20px；
宽度：39px；
边界半径：7px；
背景：#65001c；
光标：指针；
}
输入[类型=范围]：-ms轨道{
宽度：100%；
高度：12.8px；
光标：指针；
动画：0.2s；
背景：透明；
边框颜色：透明；
边框宽度：39px0；
颜色：透明；
}
输入[类型=范围]：-ms填充下限{
背景：#ac51b5；
边框：0px实心#000101；
边界半径：50px；
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
}
输入[类型=范围]：-ms填充上限{
背景：#ac51b5；
边框：0px实心#000101；
边界半径：50px；
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
}
输入[类型=范围]：-ms thumb{
盒影：0px 0px 0px 000000，0px 0px 0px 0d0d；
边框：0px实心#000000；
高度：20px；
宽度：39px；
边界半径：7px；
背景：#65001c；
光标：指针；
}
输入[类型=范围]：焦点：：-ms填充下限{
背景：#ac51b5；
}
输入[类型=范围]：焦点：--ms填充上限{
背景：#ac51b5；
}
身体{
填充：30px；
}

---

将输入类型

更改为

！那么，您的IE11浏览器呈现为不支持范围的不同版本的IE吗？@Momin猜测您实际上没有阅读这个问题。