javascript - Empty select tag height inconsistent with the one which has a value -
i have 2 select elements mentioned below
<select size="20"> <option>hi</option> <option>2</option> </select> <select size="20"> </select>
the size of these 2 select elements set 20. applying below css font-family results in shrinking of empty select element.
select { width: 200px; height: auto; font-family : 'courier new'; }
i can't give value height, since select element has display 20 items. there way on issue , make work in firefox , edge, other adding disabled/display none option second select element ?
select { width: 200px; height: auto; font-family: 'courier new'; }
<select size="20"> <option>hi</option> <option>2</option> </select> <select size="20"> </select>
thanks in advance
Comments
Post a Comment