/ / Was ist der richtige Weg, um einen großen Eingabetext mit Hilfe von Zurb Foundation zu erstellen - html, forms, zurb-foundation

Was ist der richtige Weg, um einen großen Eingabetext mit Hilfe von Zurb Foundation zu erstellen - html, forms, zurb-foundation

Ich habe die Dokumentation über gelesen Formen und es gibt nichts darüber zu sagen, wie Eingabetexte größer werden. Größer ich meine, zum Beispiel, wie der Suchkasten von Grooveshark vorher war, mit größerer Typographie und Dimensionen:

Eine solche Textbox wäre cool :)

Ich habe das gelesen Typografie aber es geht um Header, Listen usw. Wahrscheinlich gibt es eine Möglichkeit, dies auf den Eingabetext anzuwenden, aber ich bin wirklich neu in Foundation und ich kenne den richtigen Weg nicht. Ich sah auch das, für TastenSie können steuern, wie groß sie die jeweiligen Klassen "groß", "mittel", "klein" und "klein" verwenden, aber was ist, wenn ich meinen Eingabetext so groß wie die Schaltfläche machen möchte?

Bisher habe ich ein grundlegendes Eingabeformular wie folgt:

<form>
<div class="row">
<div class="ten mobile-three columns">
<input type="text" placeholder="Type here what you want" />
</div>
<div class="two mobile-one columns">
<a class="button expand postfix">Search</a>
</div>
</div>
</form>

Vielen Dank.

Antworten:

6 für die Antwort № 1

Es gibt keinen korrekten Weg gemäß dem UI-Toolset der Foundation. Sie müssen Ihr eigenes CSS auf application.css anwenden, um dies zu erreichen.

Beispielsweise:

input[type=text] {
font-size: 24px;
}

Beachten Sie, dass dies nur in diesem bestimmten Beispiel funktioniert. Sie müssten einige hinzufügen #id zum Sucheingabeelement, um diesen Stil nicht auf alle Eingabetexte zu setzen.