Forums
This topic is locked
Changing Dropdown Menu Colors through CSS
Posted 09 Feb 2003 18:30:10
1
has voted
09 Feb 2003 18:30:10 Rafi Mellado posted:
Does anyone know how to change the border, and arrow colors of a dropdow menu through CSS. For some reason my CSS doesn't seem to affect it when it is a dropdown, only when it is a list. Is this even possible?The site is www.marmenor.com in case you're not sure what I'm talking about, it's the drop down lists on the right.
Thanks ahead of time.
Darkkave
"If it weren't for the last minute, nothing would get done."
Replies
Replied 09 Feb 2003 22:27:08
09 Feb 2003 22:27:08 asp asp replied:
paste this after the head tag in you page <head>
--------------------------------------------
<style type="text/css">
<!--
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
background-color: #6699FF;
border: 1px solid #0033CC;
}
select {
font-family: Verdana;
font-size: 9px;
color: #FFFFFF;
border: 1px solid #0033CC;
background-color: #6699FF;
scrollbar-base-color: #333399;
scrollbar-face-color: #333399;
scrollbar-track-color: #6699FF;
scrollbar-highlight-color: #66CCFF;
scrollbar-3dlight-color: #3366FF;
scrollbar-shadow-color: #330099;
scrollbar-darkshadow-color: #3366FF;
scrollbar-arrow-color: #FFFFFF;
}
textarea {
font-family: Verdana;
font-size: 9px;
background-color: #6699FF;
color: #FFFFFF;
border: 1px solid #0033CC;
}
body {
scrollbar-base-color: #333399;
scrollbar-face-color: #333399;
scrollbar-track-color: #6699FF;
scrollbar-highlight-color: #66CCFF;
scrollbar-3dlight-color: #3366FF;
scrollbar-shadow-color: #330099;
scrollbar-darkshadow-color: #3366FF;
scrollbar-arrow-color: #FFFFFF;
background-color: #0033CC;}
}
-->
</style>
--------------------------------------------
<style type="text/css">
<!--
input {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px;
color: #FFFFFF;
background-color: #6699FF;
border: 1px solid #0033CC;
}
select {
font-family: Verdana;
font-size: 9px;
color: #FFFFFF;
border: 1px solid #0033CC;
background-color: #6699FF;
scrollbar-base-color: #333399;
scrollbar-face-color: #333399;
scrollbar-track-color: #6699FF;
scrollbar-highlight-color: #66CCFF;
scrollbar-3dlight-color: #3366FF;
scrollbar-shadow-color: #330099;
scrollbar-darkshadow-color: #3366FF;
scrollbar-arrow-color: #FFFFFF;
}
textarea {
font-family: Verdana;
font-size: 9px;
background-color: #6699FF;
color: #FFFFFF;
border: 1px solid #0033CC;
}
body {
scrollbar-base-color: #333399;
scrollbar-face-color: #333399;
scrollbar-track-color: #6699FF;
scrollbar-highlight-color: #66CCFF;
scrollbar-3dlight-color: #3366FF;
scrollbar-shadow-color: #330099;
scrollbar-darkshadow-color: #3366FF;
scrollbar-arrow-color: #FFFFFF;
background-color: #0033CC;}
}
-->
</style>
Replied 10 Feb 2003 16:28:28
10 Feb 2003 16:28:28 Rafi Mellado replied:
I tried, it but its the same code I have in my external stylesheet, it works for input, button, text etc... but the dropdown menus don't pick them up and still display the default border and and scrollbars.
I'm not really sure if there is a way to change these since I've been looking around the net and I've noticed all dropdown menus on all the pages I've checked, have the default border and scroll bar.
Maybe this is something they haven't gotten around to yet.
Any ideas anyone?
"If it weren't for the last minute, nothing would get done."
I'm not really sure if there is a way to change these since I've been looking around the net and I've noticed all dropdown menus on all the pages I've checked, have the default border and scroll bar.
Maybe this is something they haven't gotten around to yet.
Any ideas anyone?
"If it weren't for the last minute, nothing would get done."
Replied 11 Jun 2003 22:37:17
11 Jun 2003 22:37:17 chadmih chad replied:
Hello. I know this thread is a bit old but did you ever find a solution for this? I am running into he same problem.
<h6>:: JUXTAFLO ::</h6>
<img src="www.juxtaflo.com/images/flashkit_footer.jpg" border=0>
<h6>:: JUXTAFLO ::</h6>
<img src="www.juxtaflo.com/images/flashkit_footer.jpg" border=0>