I wonder if we can give the default dropdownlist a cool and classy look using css/styling. I do not want to use jquery/jscript as I am not familiar with these.
Can it be done using css/html styling ?
I want it to look something like this :

or

Sign Up to our social questions and Answers Engine to ask questions, answer people’s questions, and connect with other people.
Login to our social questions & Answers Engine to ask questions answer people’s questions & connect with other people.
Lost your password? Please enter your email address. You will receive a link and will create a new password via email.
Please briefly explain why you feel this question should be reported.
Please briefly explain why you feel this answer should be reported.
Please briefly explain why you feel this user should be reported.
Sure you can.
I recommend checking out http://bavotasan.com/2011/style-select-box-using-only-css/
It’s really just a mix of your standard commands: height, width, background, color, border. All put together to make it prettier. I’m not sure about offsetting it like in your example 2, but example 1 is easy.