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