Ist es möglich, die Größe des Textes in einem HTML-Eingabe-Tag zu ändern?

Question

Ich habe einen Kunden, der größeren Text in einer <input>-Box will. Ich würde es vorziehen, keinen eigenen Grafikknopf dafür zu erstellen, da es sich um ein wirklich ressourcenbeschränktes Embedded-System handelt.

Answer 1

Der input Tag kann wie jedes andere Element in HTML, einschließlich Polsterung, Rahmen, Text Schriftart/Größe etc.

input{ 
    font: sans-serif italic 20pt bold; 
    border: 2px black solid; 
} 

oder was auch immer Sie möchten, gestylt werden.

Answer 2

Geben Sie einfach die font-size Sie für das Element:

input { 
    font-family: tahoma, verdana, sans-serif; 
    font-size: 1.1em; 
} 

Ich habe eine relative Größe verwendet (em), so dass das Verhältnis zu halten, wenn ein Benutzer eine größere Schriftgröße im Browser definiert hat.

Answer 3

nicht nur sollten Sie die font-size erhöhen, können Sie auch die height und line-height Eigenschaften erhöhen müssen, wenn das Eingangselement nicht mit dem Text skaliert (je nachdem, wie Ihre Stile festgelegt wurden). Achten Sie auch darauf, alle Browser zu überprüfen, da Formulare sehr knifflig sein können.

Answer 4

Ja, es ist möglich und auch einfach zu tun!

HTML:

<input type="text" class="example_input" name="example_input" /> 

Und die CSS:

.example_input{ 
font: Arial, Helvetica, sans-serif 20px bold; 
border: 1px black solid; //optional 
} 

Hoffe, es half!

EDIT: Beispiel auf jsFiddle