Is it possible to style a select box? [closed]

by

I’ve seen some jQuery plugins out there that convert <select>‘s to <ol>‘s and <option>‘s to <li>‘s, so that you can style it with CSS. Couldn’t be too hard to roll your own.

Here’s one: https://gist.github.com/1139558 (Used to he here, but it looks like the site is down.)

Use it like this:

$('#myselectbox').selectbox();

Style it like this:

div.selectbox-wrapper ul {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
div.selectbox-wrapper ul li.selected { 
  background-color: #EAF2FB;
}
div.selectbox-wrapper ul li.current { 
  background-color: #CDD8E4;
}
div.selectbox-wrapper ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  cursor:pointer;
}

More Related Contents:

  1. How to expand ‘select’ option width after the user wants to select an option
  2. How to change the element of another div by clicking and hovering on an element of a different div
  3. Hide/Show div on specific page with jquery
  4. Issue with a design when content increase [closed]
  5. How to change color of SVG image using CSS (jQuery SVG image replacement)?
  6. Auto-size dynamic text to fill fixed size container
  7. Firing events on CSS class changes in jQuery
  8. How do I switch my CSS stylesheet using jQuery?
  9. How do I get background image size in jQuery?
  10. Get element -moz-transform:rotate value in jQuery
  11. Play/pause HTML 5 video using JQuery
  12. Is it possible to use jQuery to get the width of an element in percent or pixels, based on what the developer specified with CSS?
  13. jquery IE Fadein and Fadeout Opacity
  14. jQuery CSS – Write into the -tag
  15. Remove CSS from a Div using JQuery
  16. Correct way to animate box-shadow with jQuery
  17. Changing Body Font-Size based on Font-Family with jQuery
  18. Get the value of -webkit-transform of an element with jquery
  19. How do you select elements based on their style?
  20. jQuery/CSS: line-height of “normal” == ?px
  21. How to hide/remove a DIV when empty
  22. jQuery get selected option value (not the text, but the attribute ‘value’)
  23. Trying to make multiple background images cycle through a slideshow with CSS and JQUERY
  24. Leave menu bar fixed on top when scrolled [closed]
  25. Change the body background image with fade effect in jquery
  26. Weird IE8 layout glitch – why does the body background disappear?
  27. jQuery css gradient
  28. Remove vertical lines in jqGrid
  29. Removing multiple classes (jQuery)
  30. Can you have multiple lines in an element?

Leave a Comment