如何在滑块的拇指上显示范围滑块的值？

Question

这是一个奇怪的请求；然而，在滑块的拇指上显示 HTML5 范围滑块的值的最佳方法是什么？！拇指将在加载时进行动画处理，因此它必须跟随拇指；此外，这将在iPad上显示

例子：

<input class="range-consideration" type="range" name="points" min="1" max="10" ng-model="rangeConsiderations">

Answer 1

您无法在拇指中显示值，但可以将一个气泡附加到拇指上，该气泡将在您滑动时包含并显示该值。请参阅这篇详细文章显示滑块值。

这是一个演示。