0

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>


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 */

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.

Attachments listmenu.jpg 1.49 KB
2
Contributors
1
Reply
2
Views
6 Years
Discussion Span
Last Post by Dandello
0

Your html is for select and option elements, which are part of a form. You can use css to change things like background, font, color, padding. As far as I'm aware, there is no css to change slider on the select box as that is a function of the browser. To change that would require Javascript or Jquery.

This topic has been dead for over six months. Start a new discussion instead.
Have something to contribute to this discussion? Please be thoughtful, detailed and courteous, and be sure to adhere to our posting rules.