Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations TouchToneTommy on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Remove drop-down arrow and border

Status
Not open for further replies.
mvon

mvon

Programmer
Jan 4, 2004
2
SE
Hello,
does anyone know how to remove/hide the drop-down menu arrow? Would also like to remove the border/frame or if not possible, change the colour. Please find my code below.

Thanks!

M

<!DOCTYPE HTML PUBLIC &quot;-//W3C//DTD HTML 4.01 Transitional//EN&quot;
&quot;<html>
<head>
<title>Untitled Document</title>
<meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=iso-8859-1&quot;>
<script language=&quot;JavaScript&quot; type=&quot;text/JavaScript&quot;>
<!--
function MM_jumpMenu(targ,selObj,restore){ //v3.0
eval(targ+&quot;.location='&quot;+selObj.options[selObj.selectedIndex].value+&quot;'&quot;);
if (restore) selObj.selectedIndex=0;
}
//-->
</script>
</head>

<body>
<form name=&quot;form1&quot;>
<select name=&quot;drop-down menu&quot; onChange=&quot;MM_jumpMenu('parent',this,0)&quot;>
<option value=&quot;one.html&quot; selected>one</option>
<option value=&quot;two.html&quot;>two</option>
<option value=&quot;three.html&quot;>three</option>
</select>
</form>
</body>
</html>
 
Sort by date Sort by votes
The arrow cannot be hidden. The only thing you can do is change the font colour and background colour. In some browsers, you can also change the font.

If you want to customise any further, you'll have to write your own DHTML solution.

Hope this helps!

Dan
 
Upvote 0 Downvote
Thanks Dan,
Saved me lots of time. Will look at some other alternatives then.

M
 
Upvote 0 Downvote
FYI,

I'm playing with some code at the moment which emulates a drop-down box that displays images next to the text items. It'll be posted in the next week or so here, so keep an eye out and grab the code if you have no luck between now and then.

Dan
 
Upvote 0 Downvote
I created two custom select boxes in thread216-621839, have a look...

Adam
while(ignorance==true){perpetuate(violence,fear,hatred);life--};
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

nanbread
  • Locked
  • Question
Sweeping drop-down menus
Replies
0
Views
836
nanbread
nanbread
rogerte
  • Locked
  • Question
Code that works on Windows, Android and Iphone
Replies
0
Views
868
rogerte
rogerte
AbidingDude
  • Locked
  • Question
replaceChild() and Keeping Relationships
Replies
1
Views
981
AbidingDude
AbidingDude
TheLazyPig
  • Locked
  • Question
Dropdown (option) using Anguarjs
Replies
0
Views
791
TheLazyPig
TheLazyPig
edgarv
  • Locked
  • Question
Field with numbers and characters get nan
Replies
1
Views
443
ggriffit
ggriffit

Part and Inventory Search

Sponsor

Back
Top