输入类型=范围未显示在 IE 中

Question

编辑：我忘了包括网站。包括在下面。

有人可以查看我的网站并告诉我为什么他们认为范围滑块未在 IE 中显示吗？

网站：http : //abuv.io/

稍微清理一下。

HTML：

<div class="col-sm-12 contact-form">
                <form class="form-inline" id="contactform" name="contactform" action="sendmail.php" enctype="multipart/form-data" method="POST">

                    <div class="col-sm-8 form-group form-sty">
                        <label for="budget" required>BUDGET</label>
                        <input type="range" id="range" min="500" max="50000" value="500" step="250" />
                    </div>


                </form>
            </div>

CSS：

  input[type='range'] {
                -webkit-appearance: none;
                width: 100%;
                height: 25px;
                background: -webkit-linear-gradient(left, #94defa 0%, #94defa 2%, rgba(0,0,0,0.5) 2%);
                border: none;
            }

        input[type='range']::-webkit-slider-thumb {
            -webkit-appearance: none !important;
            background-color: #fff;
            height: 25px;
            width: 30px;
        }

        input[type=range]:focus {
            outline: none; 
        }

我已经添加了 IE 特定的 CSS 来设置滑块的样式，但它也没有效果。

这在除 IE 之外的所有浏览器中都完美无缺，我正在努力解决这个问题。谢谢你的尽心帮助。

Answer 1

出于某种原因，它与输入类型=范围的高度有关。一旦我将它增加到 60px，它就会出现在 IE 中。诚然，这不是我想要的样子，但它至少给了我一些努力的方向。

我不确定为什么会发生这种情况，但我检查了每一行编码，一次删除一段，直到得出这个结论。