Member Avatar for kaleem_ullah

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.

listmenu.jpg 1.49 KB
  • 2 Contributors
  • 1 Reply
  • 128 Views
  • 2 Days Discussion Span
  • Latest Post Latest Post by Dandello
Member Avatar for Dandello

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.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.