Cách chính xác để tạo văn bản đầu vào lớn bằng cách sử dụng Zurb Foundation

Question

Tôi đã đọc tài liệu về forms và không có gì nói về cách làm cho văn bản đầu vào lớn hơn. Lớn hơn tôi có nghĩa là, ví dụ, như hộp tìm kiếm của Grooveshark là trước đó, với kiểu chữ lớn hơn và kích thước:

Tôi đã đọc các typography nhưng nó nói về tiêu đề, danh sách, vv Có lẽ có một cách để áp dụng điều này cho văn bản đầu vào, nhưng tôi thực sự mới đến Quỹ và tôi không biết cách đúng đắn để làm điều đó. Tôi cũng thấy rằng, đối với buttons, bạn có thể kiểm soát mức độ sử dụng của các lớp tương ứng, "lớn", "trung bình", "nhỏ" và "nhỏ", nhưng nếu tôi muốn tạo văn bản nhập lớn nút?

Cho đến nay, tôi có một hình thức đầu vào cơ bản như sau:

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

Cảm ơn.

Answer 1

Không có cách nào đúng theo bộ công cụ giao diện người dùng của Foundation. Bạn sẽ phải áp dụng CSS của riêng bạn cho application.css để đạt được điều này.

Ví dụ:

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

Lưu ý rằng điều này chỉ có tác dụng trong ví dụ đặc biệt này, bạn sẽ cần phải thêm một số #id đến yếu tố đầu vào tìm kiếm để không thiết lập phong cách này cho tất cả các văn bản đầu vào.