PDA

Click to See Complete Forum and Search --> : selection and jump menus

jivemunky2
08-15-2003, 07:50 AM
im working on a website and i was wondering if there is a way to customize the scroll bars for selection and jump menus (form objects) using css... the reason i ask is because i know yyou can customize the main scroll bars on your site, but is it possible to do this inside the form tag? so far i have only been able to change the font and background color of the selsction list, not the scrollbar

if anyone knows whether this is possible or if theyve ever seen it done please let me know

thanks
--josh
DaveSW
08-15-2003, 11:46 AM
here's an example for divs, I haven't tested it on forms

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

<html>
<head>
<title>Untitled</title>
<style type="text/css">
<!--
#mydiv1 {
height: 100px;
width: 100px;
margin: 50px;
overflow: auto;
scrollbar-face-color:#000099;
scrollbar-arrow-color:#000099;
scrollbar-track-color:#000099;
scrollbar-shadow-color:#000099;
scrollbar-highlight-color:#000099;
scrollbar-3dlight-color:#000099;
scrollbar-darkshadow-Color:#000099;
}
#mydiv2 {
height: 100px;
width: 100px;
margin: 50px;
overflow: auto;
scrollbar-face-color:#ffff00;
scrollbar-arrow-color:#ffff00;
scrollbar-track-color:#ffff00;
scrollbar-shadow-color:#ffff00;
scrollbar-highlight-color:#ffff00;
scrollbar-3dlight-color:#ffff00;
scrollbar-darkshadow-Color:#ffff00;
}
-->
</style>

</head>
<body>
<div id="mydiv1">
sdiuf sduh opshdg ohsgo h[ozihrs[ojaepioisrg hlkndsk ufhglkdnkjgs pojous rhdlghs kljhf jhnku slid sdhg lshgkuhxkjgh jkxhg s
</div>

<div id="mydiv2">
sdiuf sduh opshdg ohsgo h[ozihrs[ojaepioisrg hlkndsk ufhglkdnkjgs pojous rhdlghs kljhf jhnku slid sdhg lshgkuhxkjgh jkxhg s
</div>
</body>
</html>
jivemunky2
08-15-2003, 07:03 PM
thanks for your quick reply, but thats not exactly what i had in mind, i was thinking more along the lines of this guy:

<html>
<head>
<title>dropdown</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>

<body>
<select name="droppy">
<option selected>option1</option>
<option>option2</option>
<option>option 3</option>
<option>option4</option>
<option>option 5</option>
<option>option6</option>
<option>option7</option>
<option>option8</option>
<option>option 9</option>
<option>option2</option>
<option>option 3</option>
<option>option4</option>
<option>option 5</option>
<option>option6</option>
<option>option7</option>
<option>option8</option>
<option>option 9</option>
<option>option2</option>
<option>option 3</option>
<option>option4</option>
<option>option 5</option>
<option>option6</option>
<option>option7</option>
<option>option8</option>
<option>option 9</option>
</select>
</body>
</html>

can you change the scrollbars and down arrow button on those menus?

thanks
--josh
DaveSW
08-16-2003, 05:41 AM
select {
height: 100px;
width: 100px;
margin: 50px;
overflow: auto;
scrollbar-face-color:#ffff00;
scrollbar-arrow-color:#ffff00;
scrollbar-track-color:#ffff00;
scrollbar-shadow-color:#ffff00;
scrollbar-highlight-color:#ffff00;
scrollbar-3dlight-color:#ffff00;
scrollbar-darkshadow-Color:#ffff00;
}

I've tested it this way, but it doesn't work. It's probably one of those ones that just won't work properly. Maybe you could simulate it by using a scrolling div and radio button. It just depends how much your colored scrollbars mean to you!
jivemunky2
08-16-2003, 10:12 PM
thanks, i appreciate it