Ingrandire testo in un campo input

Steftcom · 8 Lug 2010

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 · 8 Lug 2010

Dovrebbe bastare fare così:

Codice:

input { font-size: 400% }

Steftcom · 8 Lug 2010

Si quello l'ho fatto, infatti il testo è del 400% però nei campi input no, è rimasto della grandezza normale, dunque è piccolo

alessandro1997 · 8 Lug 2010

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.

Steftcom · 8 Lug 2010

Purtroppo anche mettendo !important il campo input non si ingrandisce e rimane delle dimensioni standard

borgo italia · 9 Lug 2010

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 · 9 Lug 2010

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

Cerca

Cerca

Ingrandire testo in un campo input

Steftcom

Nuovo Utente

alessandro1997

Utente Attivo

Steftcom

Nuovo Utente

alessandro1997

Utente Attivo

Steftcom

Nuovo Utente

borgo italia

Super Moderatore

Steftcom

Nuovo Utente

Discussioni simili