如何在“滑块"的拇指上显示“范围滑块"的值? [英] How to show the value of Range Slider on the thumb of the Slider?

问题描述

这是一个奇怪的请求；但是，在滑块的拇指上显示HTML5范围滑块的值的最佳方法是什么?拇指将在onLoad上设置动画，因此它必须跟随拇指；此外，这将在 iPad

This is an odd request; However, what would be the best method to display the value of an HTML5 range-slider on the thumb of the slider?! the thumb will be animated onLoad so it must follow the thumb; moreover, this will be displayed for iPad

示例:

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

推荐答案

您不能在拇指上显示值，但可以在拇指上附加一个气泡，该气泡将包含并在滑动时显示该值.请参阅此详细文章显示滑块值.

You cannot display value in the thumb but you can attach a bubble to the thumb which will contain and display the value as you slide. Refer to this detailed article Show slider value.

这是演示.

这篇关于如何在“滑块"的拇指上显示“范围滑块"的值?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！