html - Firefox dropdown resizing issue -
take following example:-
<!doctype html> <html lang="en"> <head> <title>test</title> <style> * {margin: 0; padding: 0;} </style> </head> <body> <select id="testdropdown"> <option value="short" selected>short</option> <option value="long">a long description</option> </select> </body> </html>
if run in firefox, when select different choice in dropdown size of select input changes.
i've figured out padding 0 * doing this. however, if change padding select element instead of * dropdown sized correctly. must else * applying padding to.
any ideas?
jsfiddle: http://jsfiddle.net/ladsh/
i can of course change * list of tags , problem removed, curious know tag causing issue.
figured myself. looking in forms.css file firefox saw there styling of:-
select > option { padding-top : 0; padding-bottom: 0; -moz-padding-start: 3px; -moz-padding-end: 5px; }
so if include issue solved.
Comments
Post a Comment