Làm cách nào để đặt chiều cao của trường nhập (văn bản) trong CSS?

Question

Xin lỗi vì câu hỏi này nhưng tôi dường như không thể tìm thấy câu trả lời ở bất cứ đâu. Tôi có mã CSS nên đặt chiều cao của hộp văn bản của tôi. Tôi đang sử dụng VS2010 Express cho điện thoại Windows, mã hóa bằng HTML/CSS/Javascript/C#.

HTML

<input class="heighttext" type="text" id="name"> 

CSS

.heighttext{ 
    height:30px 
} 

tôi có thể thiết lập chiều cao để bất cứ điều gì tôi thích, nhưng hộp văn bản sẽ giữ nguyên! Xin vui lòng giúp đỡ, hoặc ít nhất gửi cho tôi một liên kết có thể!

Answer 1

Hãy thử với padding và line-height -

input[type="text"]{ padding: 20px 10px; line-height: 28px; } 

Answer 2

Bạn sử dụng mã phong cách này

.heighttext{ 
float:right; 
height:30px; 
width:70px; 
} 

Answer 3

Form controls nổi tiếng là khó để phong cách cross-platform/trình duyệt. Một số trình duyệt sẽ tôn trọng quy tắc CSS height, một số sẽ không tuân theo quy tắc này.

Bạn có thể thử line-height (có thể cần display:block; hoặc display:inline-block;) hoặc top và bottom padding cũng. Nếu không ai trong số đó hoạt động, đó là khá nhiều - hãy sử dụng hình ảnh, đặt input ở giữa và đặt border:none; để nó trông như điều khiển biểu mẫu lớn nhưng thực sự không phải là ...