Skip to content

Instantly share code, notes, and snippets.

@ntreadway

ntreadway/Select Field Styling using coffee script

Created March 5, 2012 20:49
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save ntreadway/1980988 to your computer and use it in GitHub Desktop.
Save ntreadway/1980988 to your computer and use it in GitHub Desktop.
Download ZIP
Style your HTML Select Field using CoffeeScript and JQuery
Raw
Select Field Styling using coffee script
$(document).ready ->
unless $.browser.opera
$("select.option_id").each ->
title = $(this).attr("title")
title = $("option:selected", this).text() unless $("option:selected", this).val() is ""
$(this).css(
"z-index": 10
opacity: 0
"-khtml-appearance": "none"
).after("<span class=\"select\">" + title + "</span>").change ->
val = $("option:selected", this).text()
$(this).next().text val
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment