第一种：伪对象选择器
在webkit内核的浏览器里可以定义滚动条样式。在CSS初始处定义
第二种：变相隐藏
大体思路是在div外面再套一个div。这个div设置overflow:hidden。
而内容div设置 overflow-x: hiddenoverflow-y: scroll然后再设置外层div的width小于内容div的width，就是用一个无滚动条的div包裹另一个有滚动条的div，从而实现隐藏滚动条的效果。
最近在做一个H5的改版项目，产品和设计给出的效果中有一个拖动滑块可以改变输入值的效果，类似如下图这样：
原文地址 http://www.cnblogs.com/tnnyang/p/7073723.html
鼠标拖动是用js写的，主要用onmousedown onmousemove onmouseup 事件。在相应的事件中进行js操作。细节：你说的问题其实主要看是否对鼠标有限制。如果限制了，鼠标出浏览器就不能操作。
