I need help. I want to change the style and errow of list list Menu . Here is HTML CODE: <select id="el01"> <option selected>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select> HTML: Here is CSS code: #el01 {width:135px; border:1px solid #000000; height:18px} /* Width */ #el02 { /* Text and background colour, blue on light gray */ color:#00f; background-color:#990000; } #el03 {background:url(listmenu.jpg)} /* Background image */ /*#el03 {background-image:url(listmenu.jpg)}*/ /*#el04 {border-width:6px}*/ /* Border width */ #el05 {border:9px dotted #00f} /* Border width, style and colour */ #el06 {border:none} /* No border */ #el07 {font-family:"Courier New",Courier} /* Different font */ #el08 {font-size:2em} /* Bigger text */ #el09 {font-size:0.5em} /* Smaller text */ #el10 {font-weight:bold} /* Bold text */ #el11 {padding:1em} /* Increase padding */ #el12 {text-align:right} /* Change text alignment */ HTML: Know i want to change the errow to my designing errow. I want this through CSS, no Jquer involved. I am attaching the image that u want to use . . In this image you can see two errow pointing up and down. I want to replace that errow with the default one. Please tell me how i can do that.