CODEWITHSUNDEEP
jqueryhtmlcssfirefoxdrop-down-menu
Kamalakannan
Kamalakannan

Reputation: 119

Select box not working properly in mozilla

I don't know whats happening with the select box in firefox. It works fine in chrome and Edge. but not in Firefox. Please help guys.

The select field has 50 options to choose from but its all stacked in a horizontal way in firefox. What may be causing this problem. Please check this link

Screen Shot

Upvotes: 1

Views: 3152

Answers (1)

Ian J Miller
Ian J Miller

Reputation: 83

It appears that your ids have a property display: initial and firefox doesn't like it. If you set all of the options to be width: 100% and display: block, and take off the display initial property from the ids or use important, then your problem will be solved in firefox.

Example:

option {
  width: 100%;
  display: block !important;
}

If you do not wish to use the !important declaration, then you can remove the display: initial property from #accounty3id, #account4id, etc.

Upvotes: 1

Related Questions