Firefox 30.0 - -moz-appearance: none not working

Question

I am using this code to hide the dropdown arrow and its working fine before the update of firefox but now in firefox 30.0 its broken.

select {
-moz-appearance: none;
text-indent: 0.01px;
text-overflow: '';

}

Answer 1

I found a solution

select{
  height:20px; // height of the dropdown
  border:0 none; 
  display: flex;
  background: url('image/sample.jpg');
}

Answer 2

This a change in Firefox reported as Bug 649849 - Allow styling of the select element dropdown arrow.

This may be an intentional usability improvement. It is probably best to assume that it is and stop wanting to hide the arrow (which is the browsers’ way of indicating that there is a dropdown menu).