[HTML] Bordi arrotondati sul telefono

[Kolop]

Salve. Ho un piccolo problema. Quando visito il mio sito dal cellullare i bordi dal pc si vedono come voglio ma sull'Iphone 4S su Safari si vede arrotondato.
Vi posto il codice che uso:

<div align="left">
<form class="search" action="http://www.google.com/search" target="_blank">
<input type="hidden" name="as_sitesearch" value="nomesito.altervista.org">
<input type="hidden" id="as_oq" name="as_oq" value="">
<input type="text" name="q" size="19" maxlength="100" value="" placeholder="Cerca una pagina">
<input type="submit" value="Cerca">
</form>
</div>

Codice CSS

.search input {
background: #89C1EF;
color: #3F6094;
border: 2px solid #3F6094;
font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif;
padding: 4px;
}

input[type="text"]::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #3F6094;
}

 

[Max 1]

Quando visito il mio sito dal cellullare i bordi dal pc si vedono come voglio

1. Dal cellulare o dal pc? O uno o l'altro!
2. Come è che li vuoi?

Facci vedere la pagina online

 

[Kolop]

Ciao @Max 1 scusa mi sono spiegato male. Allora ho quel codice e sul pc si vede bene ma sul telefono si vede con i bordi arrotondati. Ti posto uno screen dal telefono:
IMG
Il sito è questo: LINK

 

[Max 1]

Io le vedo arrotondate anche su pc e su mobile, ma così deve essere prché sono immagini .png già create con bordi arrotondati quindi non è una questione di cofice ma è che sono le immagini proprio così.

Immagine originale:

 

[Kolop]

Ciao @Max 1 non l'immagine ma il pulsante del Cerca. Lo so che l'immagine è arrotondata, l'ho fatta io.

 

[Max 1]

Così di primo acchito non vedo una motivazione sembrerebbe una interpretazione del codice da parte di ios/safari.
Appena ho due minuti cerco se possibile una motivazione

 

[Kolop]

Ciao @Max 1 non lo so perché ho scaricato Safari sul PC ma appare normale come su Chrome, solo dall'iPhone mi esce così. Se vedi anche il colore all'interno del pulsante Cerca è più chiaro rispetto al box di sinistra e poi appaiono arrotondati. Se è un problema di IOS fa niente rimango così..

 

[Max 1]

Sto vedendo di trovare il problema, ma supponendo che il problema siano impostazioni di defoult di IOS/SAFARI, io proverei per prima cosa a inserire nel sito un foglio di stile "reset"

 

[Kolop]

Ciao @Max 1 ho risolto cercando su google: 'Safari rounded buttons' e quindi ho inserito il codice CSS che stava scritto nella guida cioè questo:

input[type=submit] {
-webkit-appearance: none;
-webkit-border-radius:0px;
}

Grazie lo stesso.

 

[Max 1]

Sarebbe poi una delle regole che sono comprese nei fogli di stile reset