[HTML] SELECT CSS properties ? - Tilted Forum Project Discussion Community

silver26 · 11-08-2004, 09:59 AM

I am working on a website that uses IFRAMES, which I have prettied up with CSS scrollbar properties. Part of the navigation of this site takes advantage of a SELECT box, which I cannot get prettied up!

Does anyone know of any way I can color the SELECT boxes scrollbar colors? I cannot get the same CSS properties as the frame to work on it.

If you would like to see the URL PM me.

Thanks in advance

Rawb · 11-09-2004, 09:40 PM

CSS doesn't descend into IFRAME'ed documents, those documents are controlled using their own CSS. You can control the scrollbar because that IFRAME tag is actually a tag of your page, and not of the IFRAME itself.

So you will have to have whatever document is being pulled in on the IFRAME load the CSS itself in order to adjust that page.

silver26 · 11-10-2004, 04:07 AM

Yes, I know that... I was simply asking how to color a SELECT boxes scrollbar to match my IFRAMES.

tinomen · 11-11-2004, 09:04 AM

Well, it looks like you can't:

MSDN We Workshop Entry for scrollbar-base-color CSS property

Quote:

Applies To
APPLET, BDO, BODY, currentStyle, CUSTOM, defaults, DIV, EMBED, OBJECT, runtimeStyle, style, TEXTAREA

I tried using the following HTML page:

HTML Code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>
   <head>
      <title>Untitled</title>
      <style>
         body { 
             scrollbar-base-color: Black; 
             scrollbar-face-color: Black; 
             scrollbar-track-color: Black; 
             scrollbar-arrow-color: Olive; 
             scrollbar-3dlight-color: Olive; 
             scrollbar-darkshadow-color: Olive; 
             scrollbar-highlight-color: Olive; 
             scrollbar-shadow-color: Olive; 
         } 
         input, textarea, select { 
             scrollbar-base-color: Black; 
             scrollbar-face-color: Black; 
             scrollbar-track-color: Black; 
             scrollbar-arrow-color: Olive; 
             scrollbar-3dlight-color: Olive; 
             scrollbar-darkshadow-color: Olive; 
             scrollbar-highlight-color: Olive; 
             scrollbar-shadow-color: Olive; 
         } 
      </style>
   </head>
   <body>
      <select size="2">
         <option>Test1</option>
         <option>Test2</option>
         <option>Test3</option>
      </select>
      <textarea>This is a test</textarea>
   </body>
</html>

11-08-2004, 09:59 AM	#1 (permalink)
silver26 Insane	[HTML] SELECT CSS properties ? I am working on a website that uses IFRAMES, which I have prettied up with CSS scrollbar properties. Part of the navigation of this site takes advantage of a SELECT box, which I cannot get prettied up! Does anyone know of any way I can color the SELECT boxes scrollbar colors? I cannot get the same CSS properties as the frame to work on it. If you would like to see the URL PM me. Thanks in advance __________________ I know I was born and I know that I'll die, the inbetween is mine.

11-10-2004, 04:07 AM	#3 (permalink)
silver26 Insane	Yes, I know that... I was simply asking how to color a SELECT boxes scrollbar to match my IFRAMES. __________________ I know I was born and I know that I'll die, the inbetween is mine.

11-09-2004, 09:40 PM	#2 (permalink)
Rawb Crazy Location: Salt Town, UT	CSS doesn't descend into IFRAME'ed documents, those documents are controlled using their own CSS. You can control the scrollbar because that IFRAME tag is actually a tag of your page, and not of the IFRAME itself. So you will have to have whatever document is being pulled in on the IFRAME load the CSS itself in order to adjust that page.