input search on iphone

Question

input search on iphone

Navigation

#1 by (3 votes)

2

I have the following marking:

    <form class="area-search" action="">
      <input name="search" type="search" placeholder="O QUE ESTA PROCURANDO?">
      <button>Buscar</button>
    </form>

In iphone / ipad is rounding the corners of the search input. I tried to reset using border-radius: 0 !important; but no results.

css iphone

asked by anonymous 12.08.2014 / 16:33

1 answer

Configuring CakePHP with Composer Validations in Webpapi

score 3 · Accepted Answer

To remove the input styles in Chrome and Safari from iPhone, just use:

input {
-webkit-appearance: none;
}

For earlier versions of iOS use:

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