title: -webkit-appearance:none style property is not accepted by Firefox browser
body: <p>I'm working on building new site , i need a drop down menu to select the amount of something in my site . but this drop down menu has a style that i have to make it.
  the style of this drop down menu is that the drop down box has no arrow - the arrow that appear on the right to click on it and open the drop down items-.</p>
  
  <p>I have made many searches and I hove found this style property :"-webkit-appearance:none ", in the class of the drop down list ,I have put this property and the arrow has been disappeared using the google chrome browser.</p>
  
  <p>but the "problem" is  : this property is not working on the Firefox browser , the arrow has not been disappeared .</p>
  
  <p>i will give you a simple view to see how this arrow has not been disappeared  in the Firefox browser :</p>
  
  <p><img src="https://i.stack.imgur.com/9SAmU.png" alt="Firefox_view">
  here is the chrome view as the drop down menu without the arrow:
  <img src="https://i.stack.imgur.com/Zmmnr.png" alt="chrome_view"></p>
  
  <p>my question is :</p>
  
  <p>is there CSS style property to make a drop down menu without this arrow in the "Firefox" browser ?</p>