未选择范围开始

Question

我有一个范围，可从html页的五个值中进行选择。我希望范围以“未选中”开头，这意味着用户将不得不单击它，而不是从已经选择的默认值开始。

我正在使用javascript，AngularJS和CSS。我尝试操纵默认值，甚至css，但找不到很好的解决方案。

我尝试添加另一个值并将其用作默认值，但后来我无法将其隐藏，并且总体上不是解决我的问题的好方法。

这是我当前的范围：

<div id="rangeSelector" class="range mx-auto">
    <input id="rangeInput" type="range" min="1" max="5" steps="1" dir="rtl" ng-model="myIdealRate" ng-change="changeSelect()">
</div>
<ul class="range-labels mx-auto">
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
<li>...</li>
</ul>

现在，它会自动从选择的第三个值开始，但是我希望它以未选择的开始。