I have an iframe with scrolling as ‘auto’ so the scrollbar appears automatically depending on the content. I have a custom scrollbar for the iframe using the following CSS.
BODY
{
SCROLLBAR-FACE-COLOR: #AEAEAE;
SCROLLBAR-HIGHLIGHT-COLOR: #000000;
SCROLLBAR-SHADOW-COLOR: #000000;
SCROLLBAR-3DLIGHT-COLOR: #000000;
SCROLLBAR-ARROW-COLOR: #ffffff;
SCROLLBAR-TRACK-COLOR: #000000;
SCROLLBAR-DARKSHADOW-COLOR: #000000;
}
The custom scrollbar works great for the iframe when there is content spanning more than the height of the iframe in Internet Explorer. But it does not work in firefox. Also, there is one more issue in IE. When the content is less than the height of the iframe, the custom scroll bar does not appear but rather a place holder for the scroll bar. I am OK with the place holder but I would like the background color for the scrollbar placeholder to be black instead of the default white. How do I fix these issues ? Thanks for any help.