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

- Tilted Technology (https://thetfp.com/tfp/tilted-technology/)

- - [HTML] SELECT CSS properties ? (https://thetfp.com/tfp/tilted-technology/75357-html-select-css-properties.html)

[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 :)

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.

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

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>