CSS: Style HTML <select> multiple-choice elements

I'm using some \[code\]<select row="3" multiple="multiple">\[/code\] elements on a page.I've been trying to style them so that the text inside matches the rest of the page.
I started with changing the font (\[code\]select {font-family: 'foo';}\[/code\]). But, I need an increased font-size and line-height for the new font. And it isn't letting me change that. I've tried using inline styles, styling the \[code\]select\[/code\], and styling the \[code\]option\[/code\]s.How can I change properties like \[code\]font-size\[/code\] and \[code\]line-height\[/code\] inside a \[code\]<select>\[/code\] box?
 
Top