Form field renders differently on Mac

I'm trying to standardize the appearance of my text fields and textarea. Below is an image of how my form fields display on Mac, but the textarea displays without the inset shadow. On Windows, the text fields and textarea display the same.

I've tried various CSS combinations to standardize them, with no luck. I'm fine with either the ins开发者_开发问答et version or the non-inset version.

In case this helps anyone, the form is a WordPress Gravity Form.

---

Typically this can be solved by setting a background image for the input boxes. If you're trying to stay a little more simplistic, figure out where things are inconsistent, and explicitly set them in your CSS.

input.inputbox { 
    background: url(input.gif) 0 0 no-repeat; 
    width: 150px; 
    height: 30px; 
    ... /* fonts, padding, borders, etc */
}

---

the only way to achieve this is using javascript. I would recommend you [Formalize me][1] [1]: http://formalize.me/ jQuery plugin