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

Popular posts from this blog

javascript - RequestAnimationFrame not working when exiting fullscreen switching space on Safari -

Python ctypes access violation with const pointer arguments -