html - Misaligned options in date select dropdown (Firefox) -
in firefox date select dropdown has misalgined options. see following image:

any tips on can make options line up?
css here:
.dob-selects-container { display: block; -moz-box-sizing: border-box; float: left; min-height: 30px; margin-left: 2.12766%; :nth-child(1) { width: 120px; display: inline-block } :nth-child(2) { width: 60px; display: inline-block } :nth-child(3) { width: 80px; display: inline-block } }
if specify style rules using :nth-child() it'll apply matching elements.
you've specified display:inline-block first 3 childs using child selectors, hence sit next each other text. march pulled down since doesn't have space available in same line..
if trying apply <select> elements, try
select:nth-child(1) { width: 120px; display: inline-block }
Comments
Post a Comment