在范围输入中，当 min 和 max 相等时，幻灯片应该只是一个点？

Question

<input type="range" min="1" max="1" value="50">

But it is not a dot:

How to make it a dot?

Answer 1

Check if this helps you ..

 window.onload=function(){ var slider = document.getElementById('slider'); if(parseInt(slider.getAttribute('min')) == parseInt(slider.getAttribute('max'))){ slider.style.width=0; } }

 <input id="slider" type="range" min="1" max="1" value="50">

Answer 2

give a id to your input

<input type="range" min="1" max="1" id="rangeInput" />

Then add following javascript code for running in the page:

const rangeInput = document.getElementById("rangeInput");
if (rangeInput.min === rangeInput.max) {
   rangeInput.style.width = "0px";
}

Answer 3

From what I understand, you just need to set its width to zero

 input{ width: 0; }

 <input type="range" min="1" max="1" value="50">