CSS為IE滾動條添加樣式

/*
* IE滾動條樣式
*/
/* 橫向滾動條軌道 */
body::-webkit-scrollbar-track-horizontal {
background-color: #F5F5F5;
}
/* 橫向滾動條Thumb */
body::-webkit-scrollbar-thumb-horizontal {
background-color: #999;
}
/* 豎向滾動條軌道 */
body::-webkit-scrollbar-track {
background-color: #F5F5F5;
}
/* 豎向滾動條Thumb */
body::-webkit-scrollbar-thumb {
background-color: #999;
}

說明：

在IE瀏覽器中，滾動條是無法添加樣式的，但是，在Chrome和Safari等瀏覽器中，可以使用css樣式對滾動條的軌道和拖動塊（thumb）進(jìn)行設(shè)置。那么，我們可以通過CSS hack的方式，將Chrome和Safari中的樣式應(yīng)用在IE中。

該代碼使用了WebKit的前綴，因?yàn)閃ebKit是Chrome和Safari瀏覽器所使用的渲染引擎，而IE瀏覽器使用的是Trident引擎，所以該代碼在IE瀏覽器中無效。

值得注意的是，IE瀏覽器中，滾動條的樣式也受到系統(tǒng)主題的影響，如果設(shè)置的樣式與系統(tǒng)主題樣式相沖突，那么樣式可能無法正常顯示。因此，在應(yīng)用滾動條樣式時，要考慮到系統(tǒng)主題樣式對樣式的干擾。