JSFiddle - React, Tailwind, and code Playground

by pradeep

HTML

<select onfocus='this.size=7;' 
onblur='this.size=1;' 
onchange='this.size=1; this.blur();'>
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
    <option>5</option>
    <option>6</option>
    <option>7</option>
    <option>8</option>
    <option>9</option>
    <option>10</option>
    <option>11</option>
     <option>12</option>
     <option>13</option><option>14</option><option>15</option>
      <option>16</option>
    <option>17</option>
    <option>18</option>
    <option>19</option>
    <option>20</option>
    <option>21</option>
  </select>

CSS

select{
    color: red;
}