浏览器页面滚动条美化（样式）

浏览器页面滚动条美化（样式）
最近测试反应我们的产品在浏览器中当页面宽高出现溢出的情况下页面滚动条太丑了！让我们美化一下！然后花了一点时间专研了一下关于滚动条样式的相关知识，今天就在这里和大家一起分享一下：
其实滚动条样式是由两部分构成，一是滚动槽，二就是滑块，其实我们可以把他理解成轨道和火车的关系就行了，浏览器默认的样式其实就像我们传统的绿皮火车，现在的高铁其实就像修改后的样式，改变聊轨道以及轨道上的火车。我们要做的其实就是修改轨道以及将火车的头换成子弹头，颜色刷成白色，车身改成流线行。不知道这个比喻合不合适，反正我只这么理解的。
但是每次我们提到这些感觉..格比较高的东西时各大浏览厂商器都是自成一派，真希望将来新版CSS将他们都统一了。下来我们就来讲讲chrome和IE,fireForks目前展示没有到找到的感觉貌似也没有效果不知道是不是我的浏览器版本不对还是哪里没有写对！有兴趣的同学可以自己研究一下！
chrome：
我们先修改轨道的样式：
::scrollbar /*定义轨道的宽高{height定义的是横向轨道的高，width定义的是垂直轨道的宽}/
::-webkit-scrollbar-button /*滚动条两端的按钮。可以用 display:none让其不显示，也可以添加背景图片，颜色改变显示效果。默认是none/
::-webkit-scrollbar-corner /* 边角/
::-webkit-resizer /*定义右下角拖动块的样式/
::-webkit-scrollbar
{
width: 10px;
height: 10px; <