css - 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');
}