Remove Shadows from Inputs and Buttons in iOS

iOS Adds an inner shadow to any input by default. This becomes super annoying when you’re styling your forms in CSS. This is what inputs and buttons look like in an iPhone 6.

Remove Shadows from Inputs and Buttons in iOS
Shadows added on inputs in iOS

All you need to do to remove shadows from inputs and buttons in iOS is use the -webkit-appearance property.

form input,
form button {
       -moz-appearance: none; /* mobile firefox */
    -webkit-appearance: none; /* mobile ios */
}

Post a Comment

To post code, use the code tag with a class language-*
Examples: code class="language-markup"code class="language-css"