Foundation 5 Select boxes style in Firefox

StackOverflow https://stackoverflow.com/questions/23585798

  •  19-07-2023
  •  | 
  •  

Question

I've just upgraded a site to Foundation 5 and noticed that the selects look different in Firefox. I just double checked, and Foundation's Forms Documentation has the square with little "v", but mine seem to have an extra triangle that's weird, I want just one or the other. How to fix?

Foundation's documentation, FF and Chrome respectively: enter image description here enter image description here

Mine in FF: enter image description here Mine in Chrome: enter image description here

My code:

<form id="frm" name="frm" action="add" method="post" >

And:

<div class='small-2 large-2 columns'><select id='dept_1' name='dept_1' style='font-size:75%;' class='medium'><option value='0' selected>Choose...</option><option value='5' >Blah</option></select></div>
Was it helpful?

Solution

The best answer was How to Remove the Arrow From a Select Tag in Firefox

Licensed under: CC-BY-SA with attribution
Not affiliated with StackOverflow
scroll top