PDA

View Full Version : is that firefox cant set the scrollbar color??


fattat
07-09-2009, 06:20 AM
i try to change to scrollbar color..
it look nice in ie, but in firefox cant see the new changes..

is that firefox cant set the scrollbar color??



<style type="text/css">
body {
scrollbar-base-color: #94949E;
scrollbar-arrow-color: #000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-face-color: #f1f1f1;
scrollbar-shadow-color: #fff;
scrollbar-track-color: #fff;
}
p{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#999;
line-height:20px;
}
</style>
</head>
<body>
<div style="width: 600px; height: 190px; overflow: auto; padding: 5px">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce imperdiet, metus nec facilisis commodo, purus augue elementum leo, id pellentesque risus orci eget nulla. Nulla metus lacus, gravida at condimentum congue, feugiat sed velit. Sed tellus ipsum, tincidunt eu eleifend vel, tincidunt at libero. Donec at lectus mauris. Cras sed est accumsan purus gravida condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras volutpat arcu gravida metus imperdiet nec ultrices felis ultricies. Aliquam imperdiet magna non diam fringilla porta. Ut condimentum eros quis felis rhoncus lacinia. Integer convallis justo ipsum. Nam in arcu vitae metus bibendum rutrum ac ut felis. Nam lorem velit, dignissim pellentesque semper id, consequat ut dui. Donec auctor mi in arcu pulvinar et posuere orci accumsan. Nullam lorem eros, semper vel dignissim in, ultrices eu metus. Nam varius lacus turpis. Donec tincidunt, turpis blandit ullamcorper malesuada, dolor ante aliquam elit, ornare elementum lacus sapien sed ante. Morbi euismod vehicula felis, sit amet euismod lectus consectetur et.
Aliquam nibh nulla, lacinia sed mollis et, consectetur nec ipsum. Maecenas pretium orci eget mauris aliquet consectetur. Sed nunc velit, molestie et iaculis ac, mattis vitae felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur quis urna massa. Nunc vitae egestas diam. In at enim nisi. Integer quis turpis odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed quis justo commodo ante tincidunt tincidunt sit amet eu ipsum. Sed et velit luctus nisi fermentum lacinia eu a magna. Vivamus imperdiet mattis ultricies. Nullam eget elit ut augue commodo aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque dictum mollis consectetur. Morbi vehicula consectetur sodales. Quisque faucibus adipiscing porta. Donec nisl leo, mattis sed molestie nec, tincidunt id metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in viverra ipsum. Aliquam mauris mauris, convallis id varius vel, condimentum sed orci. Donec nisi ante, eleifend eget porta eget, consequat in lectus. Donec malesuada sem et sem rhoncus vel malesuada purus condimentum. Proin porta magna sit amet felis placerat in interdum velit sodales. Sed vel mauris augue, rhoncus auctor eros. Quisque sodales, neque suscipit faucibus posuere, nulla sem commodo arcu, in condimentum leo dolor sit amet nibh. Quisque at dolor nibh, sit amet iaculis neque. Aenean erat dui, ultricies non dapibus id, tristique sit amet odio. Mauris nec ante eu mi viverra varius a nec lectus. Donec lacinia magna ut dui tempor suscipit dictum nibh commodo. Nam ac diam quis metus aliquet imperdiet a a justo. Phasellus eu lobortis dui. Sed odio enim, consectetur nec eleifend ut, molestie et quam. </p>
</div>
</body>

Corrosive
07-09-2009, 06:26 AM
i try to change to scrollbar color..
it look nice in ie, but in firefox cant see the new changes..

is that firefox cant set the scrollbar color??



<style type="text/css">
body {
scrollbar-base-color: #94949E;
scrollbar-arrow-color: #000;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-face-color: #f1f1f1;
scrollbar-shadow-color: #fff;
scrollbar-track-color: #fff;
}
p{
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
color:#999;
line-height:20px;
}
</style>
</head>
<body>
<div style="width: 600px; height: 190px; overflow: auto; padding: 5px">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce imperdiet, metus nec facilisis commodo, purus augue elementum leo, id pellentesque risus orci eget nulla. Nulla metus lacus, gravida at condimentum congue, feugiat sed velit. Sed tellus ipsum, tincidunt eu eleifend vel, tincidunt at libero. Donec at lectus mauris. Cras sed est accumsan purus gravida condimentum. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras volutpat arcu gravida metus imperdiet nec ultrices felis ultricies. Aliquam imperdiet magna non diam fringilla porta. Ut condimentum eros quis felis rhoncus lacinia. Integer convallis justo ipsum. Nam in arcu vitae metus bibendum rutrum ac ut felis. Nam lorem velit, dignissim pellentesque semper id, consequat ut dui. Donec auctor mi in arcu pulvinar et posuere orci accumsan. Nullam lorem eros, semper vel dignissim in, ultrices eu metus. Nam varius lacus turpis. Donec tincidunt, turpis blandit ullamcorper malesuada, dolor ante aliquam elit, ornare elementum lacus sapien sed ante. Morbi euismod vehicula felis, sit amet euismod lectus consectetur et.
Aliquam nibh nulla, lacinia sed mollis et, consectetur nec ipsum. Maecenas pretium orci eget mauris aliquet consectetur. Sed nunc velit, molestie et iaculis ac, mattis vitae felis. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur quis urna massa. Nunc vitae egestas diam. In at enim nisi. Integer quis turpis odio. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed quis justo commodo ante tincidunt tincidunt sit amet eu ipsum. Sed et velit luctus nisi fermentum lacinia eu a magna. Vivamus imperdiet mattis ultricies. Nullam eget elit ut augue commodo aliquam. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque dictum mollis consectetur. Morbi vehicula consectetur sodales. Quisque faucibus adipiscing porta. Donec nisl leo, mattis sed molestie nec, tincidunt id metus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse in viverra ipsum. Aliquam mauris mauris, convallis id varius vel, condimentum sed orci. Donec nisi ante, eleifend eget porta eget, consequat in lectus. Donec malesuada sem et sem rhoncus vel malesuada purus condimentum. Proin porta magna sit amet felis placerat in interdum velit sodales. Sed vel mauris augue, rhoncus auctor eros. Quisque sodales, neque suscipit faucibus posuere, nulla sem commodo arcu, in condimentum leo dolor sit amet nibh. Quisque at dolor nibh, sit amet iaculis neque. Aenean erat dui, ultricies non dapibus id, tristique sit amet odio. Mauris nec ante eu mi viverra varius a nec lectus. Donec lacinia magna ut dui tempor suscipit dictum nibh commodo. Nam ac diam quis metus aliquet imperdiet a a justo. Phasellus eu lobortis dui. Sed odio enim, consectetur nec eleifend ut, molestie et quam. </p>
</div>
</body>


No, that code is IE only. Won't work in safari or chrome either...or any other browser come to that!

fattat
07-09-2009, 06:35 AM
No, that code is IE only. Won't work in safari or chrome either...or any other browser come to that!


thank..Corrosive
now i know..:mrgreen:

d a v e
07-09-2009, 05:16 PM
it used to work in opera i think - but only as an option in the preferences...

Cary
07-11-2009, 01:13 AM
I was helping someone with a site recently, and was supprised to find Opera was doing this when the page was displayed in quirks mode. It rendered normally when the page was given a complete doctype.

fattat
07-11-2009, 04:06 AM
I was helping someone with a site recently, and was supprised to find Opera was doing this when the page was displayed in quirks mode. It rendered normally when the page was given a complete doctype.

most mac user didnt use opera browser...just firefox or safari