css滚动条样式ie

CSS滚动条样式在各个浏览器中实现方式不尽相同，而在IE中，实现自定义滚动条的方法需要注意一定的兼容性问题。以下是IE中CSS滚动条样式实现的相关内容：

 /* 自定义滚动条样式 */
::-webkit-scrollbar {
width: 10px;
height: 10px;
}
::-webkit-scrollbar-thumb {
background-color: #888;
border-radius: 5px;
}
::-webkit-scrollbar-track {
background-color: #ddd;
border-radius: 5px;
}
/* IE兼容模式下实现滚动条样式 */
/* 1. 滚动条轨道和滚动条拖动区的样式 */
scrollbar-face-color: #eee; /* scroll bar face */
scrollbar-highlight-color: #eee; /* highlight color */
scrollbar-shadow-color: #ccc; /*shadow color*/
scrollbar-3dlight-color: #ccc; /*3d highlight color*/
scrollbar-arrow-color: #ccc; /* arrow color */
scrollbar-track-color: #F5F5F5; /*scrollbar track color*/
scrollbar-darkshadow-color:#F5F5F5; /* dark shadow color */
/* 2. 定义滚动条鼠标经过时的样式 */
scrollbar-face-color: #eee;
scrollbar-highlight-color: #eee;
scrollbar-shadow-color: #ccc;
scrollbar-3dlight-color: #ccc;
scrollbar-arrow-color: #ccc;
scrollbar-track-color: #F5F5F5;
scrollbar-darkshadow-color:#F5F5F5; 

需要注意的是，IE浏览器下实现自定义滚动条样式需要在CSS中设置属性 overflow-y: scroll; ，否则样式无法应用。

查看更多关于css滚动条样式ie的详细内容...