Question

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

有人可以查看我的网站并让我知道为什么他们认为范围滑块没有在IE中显示？

稍微清理一下。

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 Specific CSS来设置滑块的样式，它也没有效果。

除了IE之外，这在除了IE之外的所有浏览器中都很完美，而且我在试图解决这个问题时失去了理智。谢谢你尽你所能的帮助。

Answer 1

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

我不确定为什么会这样，但我经历了每一行编码，一次删除一件，直到我得出这个结论。

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

1 个答案: