Jaki jest poprawny sposób na utworzenie dużego tekstu wejściowego przy użyciu Zurb Foundation

Question

Przeczytałem dokumentację o forms i nie ma nic, co można by powiedzieć o zwiększeniu rozmiaru tekstu wejściowego. Większe Mam na myśli, na przykład, w polu wyszukiwania Grooveshark był wcześniej, o większej typografii i wymiarach:

Czytałem typography ale mówi o nagłówkach, listach itp Prawdopodobnie istnieje sposób zastosowania tego do tekstu wejściowego, ale jestem naprawdę nowy dla Fundacji i nie wiem, jak to zrobić. Widziałam także, że dla buttons możesz kontrolować, jak duże są używane odpowiednie klasy, "duże", "średnie", "małe" i "małe", ale co jeśli chcę, aby mój tekst wejściowy był tak duży jak przycisk?

tej pory, mam podstawową formę wejścia w następujący sposób:

<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> 

Dzięki.

Answer 1

Nie ma prawidłowego sposobu, zgodnie z zestawem narzędzi UI Fundacji. Aby to osiągnąć, musisz zastosować własny plik CSS do pliku application.css.

Na przykład:

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

Zauważ, że to działa tylko w tym konkretnym przypadku trzeba byłoby dodać kilka #id do elementu wejściowego wyszukiwania, aby nie ustawić ten styl do wszystkich tekstów wejściowych.