Solved

Style sheet for combo box

Posted on 2003-12-05
5
948 Views
Last Modified: 2010-04-09
Dear all,
I change window's scroll bar to this :
SCROLLBAR-HIGHLIGHT-COLOR: #99ccff; SCROLLBAR-SHADOW-COLOR: #99ccff; SCROLLBAR-3DLIGHT-COLOR: #99ccff; SCROLLBAR-TRACK-COLOR: #d7ebff; SCROLLBAR-DARKSHADOW-COLOR: #99ccff; SCROLLBAR-BASE-COLOR: #ffffff;

How can change scroll bar for combobox (list box) to the same.

Thanks.
0
Comment
Question by:ethar1
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 2
  • 2
5 Comments
 
LVL 33

Expert Comment

by:hongjun
ID: 9887338
An example

<select name="selDay" style="background: Silver; color: Maroon; font-family: Arial; font-size: x-small; border-style: none;">


hongjun
0
 
LVL 33

Expert Comment

by:hongjun
ID: 9887339
0
 
LVL 31

Accepted Solution

by:
seanpowell earned 500 total points
ID: 9887966
Hi ethar1,

I'm afraid you cannot change the color of the scrollbar in a select box. It is set by the Operating System.

Thanks,
georgemarian
0
 
LVL 8

Expert Comment

by:nishikanth
ID: 9910445
place this between the <head></head> tags

Code:

<style type="text/css">
BODY {
 scrollbar-face-color:"#800000";
scrollbar-arrow-color:"#808080">;
scrollbar-track-color:"#000000";
scrollbar-shadow-color:"#003366";
scrollbar-highlight-color:"#660066";
scrollbar-3dlight-color:''660066";
scrollbar-darkshadow-Color:"#";
}
</style>


-----------------------------------------------------------------------------

This is changing it with styles, you can link to an external style sheet to update all your pages at once

<style type="text/css">
BODY {
      SCROLLBAR-BASE-COLOR: #1293ee;
      SCROLLBAR-ARROW-COLOR: #FFFFFF;
}
SELECT {
      FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
      FONT-SIZE: 11px;
      COLOR: #000000;
      BACKGROUND-COLOR: #CFCFCF
}
TEXTAREA, .bginput {
      FONT-SIZE: 12px;
      FONT-FAMILY: Verdana,Arial,Helvetica,sans-serif;
      COLOR: #000000;
      BACKGROUND-COLOR: #CFCFCF
}....

-----------------------------------------------------------------------------------


FYI - you can even use more properties:

{
background-image: url('../images/bg.gif');
background-color: #D7DFE9;
scrollbar-arrow-color: #375A83;
scrollbar-3dlight-color: #8D9FC0;
scrollbar-highlight-color: #8D9FC0;
scrollbar-face-color: #D7DFE9;
scrollbar-shadow-color: #8D9FC0;
scrollbar-darkshadow-color: #8D9FC0;
scrollbar-track-color: #ACB8C5;
}



0
 
LVL 31

Expert Comment

by:seanpowell
ID: 9911925
The question was how to change the scrollbar color for the "select" box. Not the window scrollbar. Without creating a dhtml select box (that may or may not function properly within a form environment) it cannot be done. It is set by the Operating System.
0

Featured Post

Independent Software Vendors: We Want Your Opinion

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

This is a PowerShell web interface I use to manage some task as a network administrator. Clicking an action button on the left frame will display a form in the middle frame to input some data in textboxes, process this data in PowerShell and display…
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this Micro Tutorial viewers will learn how to create navigation buttons that change on rollover, using CSS (Continuation of the CSS Image Sprite tutorial) Create a parent ID for all the list items       - Specify position: absolute and display: block…
In this tutorial viewers will learn how to position overlapping items using z-index in CSS. They will also learn the restrictions on the z-index property.  Create a new HTML document with an internal stylesheet.: Create a div in CSS and name it Red.…

737 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question