Solved

Style sheet for combo box

Posted on 2003-12-05
5
947 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

Free Tool: Site Down Detector

Helpful to verify reports of your own downtime, or to double check a downed website you are trying to access.

One of a set of tools we are providing to everyone as a way of saying thank you for being a part of the community.

Question has a verified solution.

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

Suggested Solutions

Things That Drive Us Nuts Have you noticed the use of the reCaptcha feature at EE and other web sites?  It wants you to read and retype something that looks like this.Insanity!  It's not EE's fault - that's just the way reCaptcha works.  But it is …
Not sure what the best email signature size is? Are you worried about email signature image size? Follow this best practice guide.
In this tutorial viewers will learn how to style a corner ribbon overlay for an image using CSS Create a new class by typing ".Ribbon":  Define the class' "display:" as "inline-block": Define its "position:" as "relative": Define its "overflow:" as …
In this tutorial viewers will learn how to embed an audio file in a webpage using HTML5. Ensure your DOCTYPE declaration is set to HTML5: : The declaration should display (CODE) HTML5 is supported by the most recent versions of all major browsers…

735 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