Ingrandire testo in un campo input

Steftcom

Nuovo Utente
7 Mag 2010
19
0
0
42
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
26
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.046
150
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
42
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
 
Discussioni simili
Autore Titolo Forum Risposte Data
matteoraggi Ingrandire i moduli dei form con css HTML e CSS 2
Shyson ingrandire immagine png Webdesign e Grafica 1
L CSS, cambiare i colori della barra e ingrandire una immagine WordPress 1
Shyson Ingrandire ico Webdesign e Grafica 0
P Non riesco a mettere al centro i tasti e ingrandire la select PHP 10
A Ingrandire Unity Web Player Javascript 17
C FP2003 - Ingrandire immagini piccole con click o al passaggio del mouse Webdesign e Grafica 1
B Ingrandire un'immagine con Gimp Webdesign e Grafica 4
G ingrandire una immagine al passaggio del mouse Webdesign e Grafica 6
S ingrandire immagine al passaggio del mouse Javascript 8
T ingrandire immagine Javascript 5
M tooltip per ingrandire immagine, con fireofox Javascript 0
C photoshopCS:ingrandire immagini Webdesign e Grafica 1
I salvare testo chat PHP 4
E Creare un testo trasparente dietro un div HTML e CSS 5
S da casella di testo a campo tabella Database 0
A Ottenere sfumatura su testo Photoshop 8
M Mostrare testo (o parte di esso) in base a utente PHP 0
F Animazione testo sito web diminuire grandezza di un testo allo scroll Javascript 0
D Rendere testo cliccabile PHP 3
D Casella di testo con grassetto ecc... HTML e CSS 2
Couting95 inserire dati da un file di testo in una tabella in php PHP 1
D Aiuto CSS in ELEMENTOR - Cambiare un testo CMS (Content Management System) 0
V Mailchimp - box di testo: cambia da solo il testo inserito Email Marketing 2
Barierta Testo a comparsa con passaggio del mouse Javascript 17
G grandezza testo HTML e CSS 4
D Testo colorato in base a giorno settimana PHP 12
S Testo scrolla su immagine che cambia HTML e CSS 0
S impostare un testo e una img nella stessa riga con jsPDF Javascript 0
R Nome input testo+variabile PHP 1
A Errore visualizzazione selezione testo Photoshop 0
Alex_70 Cerca testo all'interno di una stringa PHP 5
A Estrapolare parti di testo con PHP PHP 2
G Testo in mysql format 3 MySQL 0
G Box con testo casuale WordPress 1
G Modifica testo Photoshop 3
Y Colore sfondo testo Javascript 0
seranto [ASP] Controllare il testo inserito in Textarea Classic ASP 6
S [HTML] Effetto su testo da togliere HTML e CSS 0
A [WordPress] Recuperare testo articoli da sito danneggiato WordPress 1
A [HTML] Testo mail non visualizzabile su IOS HTML e CSS 0
R Bootstrap 4 - creare una finestra di testo responsive sopra un Carousel jQuery 1
Gabriele15497514 php testo errato durante la lettura del file txt quando lo script viene eseguito contemporaneamente PHP 3
I Creare Qsl radioamatore con testo editabile Presentati al Forum 1
Cosina [PHP] Cancellare una riga da un file di testo in base al nome PHP 2
Shyson [MySQL] Sostituire testo in in articolo MySQL 0
kikdirty Testo e perfezioni il tuo sito dando il massimo del punteggio seo Offerte e Richieste di Lavoro e/o Collaborazione 0
D [Visual Basic] [MS Access] query con parametro di testo Visual Basic 4
R [HTML] Effetto carousel di testo su immagine fissa HTML e CSS 2
Shyson [PHP] Inserire testo nel codice PHP 2

Discussioni simili