———————————————-
Hello Bonita,

Regards to styling drop down menu or any other item of contact form 7

1) each item have its own id but you can add your own id or class to that item.
2) add needed style to id or style of that item

to save time keep that style and item id for your future usage reference.

For example you can add a drop down menu by using following code to a contact form:

Drop down
[select menu-761 id:my-Drop-down class:my-Drop-down-class "one" "two" "three"]

http://screencast.com/t/18WFjN2KPwM

Please note the id ( which is my-Drop-down) and class name ( which is my-Drop-down-class )
Now try to add following style to your theme style.css

#my-Drop-down {
background-color: #aaa;
border: 1px solid #A5A5A5;
font-size: 18px;
color: #fff;
width: 150px;
}
#my-Drop-down option {
background-color: #bbb;
border-bottom: 1px solid #dadada;
}

http://screencast.com/t/uKY4W3qqRtH

And result will be like
http://screencast.com/t/bljBcnZa
http://screencast.com/t/u2DDFSD9qMDb

So secret is #my-Drop-down and #my-Drop-down option, you can add them as many other css style you like. such as changing background.

I hope above helped.

Have a great time rest of your day.
Andy

I wanted to change this “browse” button” to an image, then i tried but it didn’t work =/

Thanks!
– Short answer is NO. There is not easy way to do this. but long answer is YES! Here is the long answer: http://www.quirksmode.org/dom/inputfile.html

.wpcf7-validates-as-required {
background-color: #ccc;
}

but this has no effect. Any ideas?

Thanks
Andy

Thanks.

Thanks,
Ken Y.