
10-14-2011, 07:44 PM
|
|
SEO Junior
|
|
Join Date: Jan 2006
Posts: 20
|
|
change list menu arrow to my errow ?
I need help.
I want to change the style and errow of list list Menu .
Here is HTML CODE:
Code:
<select id="el01"> <option selected>Option 1</option> <option>Option 2</option> <option>Option 3</option> </select>
Here is CSS code:
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 */
Know i want to change the errow to my designing errow. I want this through CSS, no Jquer involved.
I want to replace the default errow image to mine errow image in which two errow pointing up and down.
Please tell me how i can do that.
Please tell me how i can do that.
|