如何使用CSS&HTML实现类似音量控制的拖动条？

问题描述

问 题

可以点着上面的点向后拖，而之后的样式会变为其他颜色,比如如上图的蓝色。

如何用CSS&HTML实现。谢谢！

解决方案

如果只是简单搞一个的话
<input type="range" min="1" max="100" />
就是一个滑块，你只需要在放一个音量的图片 和一个span显示滑块的值就可以了。

不过蛋疼的是 各个浏览器对这个滑块的外观并不统一，所以真正的公司产品应该不会采用这种方式。
edge :
chrome :

这篇关于如何使用CSS&HTML实现类似音量控制的拖动条？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！