CODEWITHSUNDEEP
htmlcss
vithu shaji
vithu shaji

Reputation: 379

Dropdown not working in mozilla firefox but working for chrome

I was trying to create a dropdown.

HTML

<div class="dropdown_container">
   <select class="my_dropdown" id="my_dropdown">
      <option value="1">LONG OPTION</option>
      <option value="2">short</option>
   </select>
</div>

CSS

div.dropdown_container {
  width:300px;
  color: rgb(9, 9, 12);
}

select.my_dropdown {
  width: 250px;
  height: 20px;
}

option{
 width: 200px;
 height: 60px;
}

Chrome Result [1]: https://i.sstatic.net/wHjfj.png

Firefox Result [2]: https://i.sstatic.net/mfYmg.png

Upvotes: 0

Views: 284

Answers (1)

tom
tom

Reputation: 10529

I can't confirm your issue. It`s working fine in Firefox. See the snippet:

div.dropdown_container {
  width:300px;
  color: rgb(9, 9, 12);
}

select.my_dropdown {
  width: 250px;
  height: 20px;
}

option{
 width: 200px;
 height: 60px;
}
<div class="dropdown_container">
   <select class="my_dropdown" id="my_dropdown">
      <option value="1">LONG OPTION</option>
      <option value="2">short</option>
   </select>
</div>

Upvotes: 1

Related Questions