tôi đặt height:html đầu vào và chọn chiều cao khác nhau
input,select{height: 20px;}
nhưng trong trình duyệt của nó là chiều cao input : 20px và select 18px, tôi không biết tại sao, vì trước khi đầu vào và chọn được reseted. Nếu tôi xóa <!DOCTYPE html> thì OK, nhưng sau đó IE không định tâm trang.
Điều này có thể được sửa chữa bằng cách thiết lập box-sizing tài sản của các yếu tố của bạn để border-box:
input, select{
box-sizing: border-box;
}
Vendor tiền tố cụ thể như moz- hoặc webkit- có thể áp dụng.
Người đàn ông, tôi đã tìm kiếm điều này trong 10 phút. 10 phút tồi tệ nhất trong ngày của tôi! – Bitterblue
Tôi đã có thể đặt chiều cao của SELECT thành chính xác những gì tôi muốn trong IE8 và 9. Bí quyết là đặt thuộc tính box-sizing thành content-box. Làm như vậy sẽ đặt khu vực nội dung của SELECT thành chiều cao, nhưng lưu ý rằng các giá trị margin, border và padding sẽ không được tính theo chiều rộng/chiều cao của SELECT, do đó hãy điều chỉnh các giá trị đó cho phù hợp.
select {
display: block;
padding: 6px 4px;
-moz-box-sizing: content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
height: 15px;
}
Đây là một hoạt động jsFiddle. Bạn có nhớ xác nhận và đánh dấu câu trả lời phù hợp không?
Đánh giá: http://stackoverflow.com/questions/10001291/aligning-text-and-select-boxes-to-the-same-width-in-css – alditis
http://stackoverflow.com/questions/9767612/issue-with-input-select-tag-height-in-form – Vucko
@Vucko cảm ơn, có thể bạn biết màu viền mặc định? ? – Wizard