这个是ie私有的玩意，只有在ie上能出现效果。要么放弃其他浏览器下的效果，要么用js模拟浏览器滚动条。
成都创新互联公司是一家专业提供彭水苗族土家族企业网站建设,专注与成都网站设计、成都做网站、H5网站设计、小程序制作等业务。10年已为彭水苗族土家族众多企业、政府机构等服务。创新互联专业网站建设公司优惠进行中。
scrollbar-dark-shadow-color 设置或检索滚动条暗边框（ThreedDarkShadow）颜色 scrollbar-base-color 设置或检索滚动条基准颜色。
在同一个CSS样式表中，使用 ！important 来定义不同的值以适应Firefox和IE。
首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的标签中，输入css代码：a{font-family：楷体；font-size：20px；color：orange；}。
css可以通过为网页元素设置滚动条样式使网页元素的内容实现滚动。
div id=abc/div 定义id为abc的这个div的CSS属性 在head下 style {width：100px；height：100px； overflow：scroll； } /style overflow：scoll；的意思是总显示滚动条。
语法：overflow ：visible|auto|hidden|scroll参数：visible ： 不剪切内容也不添加滚动条。假如显式声明此默认值，对象将被剪切为包含对象的window或frame的大小。
这种需求写css即可，滚动条也有样式的，其名称为：-webkit-scrollbar、：-webkit-scrollbar-thumb、：-webkit-scrollbar-corner等。--- 题外话，模拟计算滑块的属性。
不行的，css做不到，css只支持改下滚动条颜色什么的，而且好像只有ie支持(貌似wk的浏览器也有改滚动条颜色的专用样式，我不确定，只是有印象见哪里说过)。
一般滚动条的宽度、颜色、箭头、样式等是系统默认的，用css只可改变滚动条的颜色。但滚动条可以放大（加宽）或缩小（变窄），放大后其箭头失真变形。
1、排版错位一般都是兼容原因造成的，您可以参考：http：//了解下CSS在不同浏览器上设置兼容的方法。您可以在火狐guan 方网站下载火狐浏览器，在火狐社区了解更多内容。
2、兼容问题，您可以参考下：http：//，以滚动条为例，介绍了各浏览器的兼容方法。您可以在火狐社区了解更多内容。希望我的回答对您有所帮助，如有疑问，欢迎继续在本平台咨询。
3、firefox 计算背景的时候会把border也算上吧，ie 会在margin 和content 部分出现。
4、IE浏览器并不符合现行标准，尤其是IE6，但是可以通过一些方法来为IE6特别写一个CSS。
5、火狐的样式表你就正常些就可以了，然后写针对ie的样式表，例如：padding-top：3px；_padding-top：5px；这个样式表就是火狐认为是3px，而后面的只有Ie0认为是5px。这样就达到了针对火狐与IE的区别了。