Webkit properties

Hello! I am working on a site using Enfold as the theme and EasyCart as the commerce plugin.

All looks good in both Chrome and Safari, but when viewing the product page in Firefox, there are these extra arrows in the quantity selector that I would like to remove.

Upon inspecting, it seems that these are being affected by the webkit appearance option. When uncheck the webkit properties, the arrows disappear. How can I replicate this on the site?

Here is the code I pulled from Inspect:

#top .input-text, #top input[type=”text”], #top input[type=”input”], #top input[type=”password”], #top input[type=”email”], #top input[type=”number”], #top input[type=”url”], #top input[type=”tel”], #top input[type=”search”], #top textarea, #top select {
-webkit-appearance: none;
border: 1px solid #e1e1e1;
border-top-color: rgb(225, 225, 225);
border-right-color: rgb(225, 225, 225);
border-bottom-color: rgb(225, 225, 225);
border-left-color: rgb(225, 225, 225);
padding: 8px 6px;
outline: none;
font: 1em “HelveticaNeue”,”Helvetica Neue”,Helvetica,Arial,sans-serif;
font-size: 1em;
font-family: “HelveticaNeue”, “Helvetica Neue”, Helvetica, Arial, sans-serif;
color: #777;
margin: 0;
width: 100%;
display: block;
margin-bottom: 20px;
background: #fff;
background-color: rgb(255, 255, 255);
border-radius: 0;
}

Site linked in Private Content.

Thanks so much for your help!