Ingrandire testo in un campo input

Steftcom

Nuovo Utente
7 Mag 2010
19
0
0
38
Lugano, Svizzera
Salve,

Sto costruendo una pagina web che deve essere accessibile sia tramite browser che tramite iPhone, ho il CSS che viene applicato a dipendenza se è un iPhone o no.
Nel caso del telefono aumento il carattere al 400% e l'impaginazione e differente però ho un campo input di un form e quelli non aumentano la dimensione.
Come posso fare ad aumentare la dimensione dei caratteri nel tag input ?

Spero di essermi spiegato bene,

Grazie

Stefano
 

alessandro1997

Utente Attivo
6 Ott 2009
5.302
1
0
23
Roma
alessandro1997.netsons.org
Può darsi che sia troppo grande per un campo input, forse. Ma non sono sicuro. Prova a diminuire la grandezza e vedi se così la modifica. Magari all'inizio prova con qualcosa di semplice, come per esempio:
Codice:
font-size: 18px;
E vedi se funziona. Oppure prova ad aggiungere un !important dopo la proprietà, così sovrascrivi altre proprietà che vanno in conflitto. Praticamente così:
Codice:
font-size: 400% !important;
Al momento sono le uniche soluzioni che mi vengono in mente.
 

borgo italia

Super Moderatore
Membro dello Staff
SUPER MOD
MOD
4 Feb 2008
16.042
146
63
PR
www.borgo-italia.it
ciao
prova in questa maniera, vedi che il testo dentro l'input aumenta
HTML:
<html>
<head>
<style type="text/css">
<!--
body,td,th {
font-family: Arial, Helvetica, sans-serif;
font-size:14px;
}
input{
height:auto;
font-size:200%;
}
-->
</style></head>

<body>
questo è un testo alto 14px<br>
il testo prova è il doppio e la casella di input si alza di conseguenza<br>
<form action="aaa" method="get">
          <input name="pinco" type="text" value="prova">
</form>
</body>
</html>
 

Steftcom

Nuovo Utente
7 Mag 2010
19
0
0
38
Lugano, Svizzera
Perfetto funziona !!! GRAZIE
Nel CSS ho solo messo quanto segue:
input
{
font-size: 100%;
}


Cosi è diventato della stessa grandezza del testo che è nel body, dunque del 400%
Grazie per l'aiuto