Menu icon Foundation
Input and button postfix on iOS

I use the latest foundation 5.2.0 SASS version.

I made a search form with a 'button postfix' but the input field and the button have a radius on iOS and the button seems to have some gradient.

What can I do, that the field and button look on iOS like in Chrome desktop?

Search field button

inputbuttonpostfix

I use the latest foundation 5.2.0 SASS version.

I made a search form with a 'button postfix' but the input field and the button have a radius on iOS and the button seems to have some gradient.

What can I do, that the field and button look on iOS like in Chrome desktop?

Search field button
Peter Ankelein about 4 years ago

Try the following:

input {
    -webkit-appearance: none;
    border-radius: 0;
} 

If you're still having issues, try the prefixed version: -webkit-border-radius