Apologies, but I think until I can <i>use</i> them I can't really tell about the overall "design".
The two examples seem to serve different purpose: one to enter a pair of related pieces of data (Expiration month and year) vs the other to enter data that seems more loosely coupled (Event Category and Event Age Limit). This, for instance, means that the placement (on the same horizontal line) of the two dropdowns on the left may be appropriate but would not be as appropriate for the data on the right.<p>Anyways, I suspect you were wondering about the aesthetics aspect (but my point above is: design is not simply about the aesthetics).<p>Personally, I like the use of color on the left (assuming it doesn't clash with the surrounding page), but I'd like the dropdowns to provide a larger target area for the user clicks (like those on the right).
I'd also be curious to see the two examples once they are expanded to form a complete opinion, and I wouldn't include the code used to generate each one (unless we're talking about the design of the code)<p>HTH
I'd say the right, it looks nicer and fits the style of the other elements better.<p>Also remember, the styling of the left dropdown is based on what Mac OS/X shows a dropdown to be, if you look at it on Windows/Gnome/KDE etc. it will most likely look different (Unless the images of the Mac default select are hard coded in, which would be a lot of extra effort, if you were going to do that you might as well do a custom dropdown)<p>Post; If you're interested in doing something like the right hand one on your own site check out <a href="https://github.com/harvesthq/chosen" rel="nofollow">https://github.com/harvesthq/chosen</a>