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

Popular posts from this blog

aws api gateway - SerializationException in posting new Records via Dynamodb Proxy Service in API -

asp.net - Problems sending emails from forum -