search

ckrack / fbootstrapp

HTML, CSS, and JS toolkit for facebook apps
http://ckrack.github.com/fbootstrapp/
Apache License 2.0
1.61k stars 173 forks source link

Padding in select elements in Firefox 9 #4

Closed jwf-zz closed 12 years ago

jwf-zz commented 12 years ago

In Firefox 9.0.1 (maybe others, didn't test), the select boxes seem to have some padding (4px all around), so the text is somewhat obscured. It seems like Firefox is ignoring the "padding: initial;" rule. However, this doesn't cause problems in Bootstrap because the height and line-height are 27px (so it just looks kind of funny, but still readable), but you've made them 21px, so in Firefox the text gets chopped.

ckrack commented 12 years ago

Thanks for the insightful report.

I have added a padding: 2px; above the padding: initial; That way browsers that understand the initial value will override the 2px and firefox will keep that.