This code populates a <select> menu with different <option> tags. This code is useful when you wish to change the contents of a HTML dropdown menu programatically.

After ten years of designing websites in Photoshop, I have amassed a giant collection of layer styles. I have used these layer styles on everything from pet projects to $100,000+ websites… and now they can be yours. If you call yourself a web designer, this is a must have download.

CSS form styling is an increasingly common design trend. If you do style your <form> elements, applying some CSS to a <select> tag can be really cool. Except in Firefox, which displays a rather annoying dotted border around the <select> tag.

Here’s how to get rid of it:

select:-moz-focusring {
    color: transparent;
    text-shadow: 0 0 0 #000;
}