2009-09-11 2 views
6

Tôi cần phải điều chỉnh chiều rộng của một hộp chọn HTML mà không sử dụng css, có cách nào không? Tôi đã thử kích thước nhưng sau đó nó điều chỉnh chiều cao, và chiều rộng không có gì? Có cách nào khác không?Làm cách nào để điều chỉnh chiều rộng của hộp thả xuống <select>?

+1

Tại sao bạn cố gắng kiểm soát việc trình bày trang web mà không cần sử dụng ngôn ngữ trình bày của web? – Quentin

+0

Với ngôn ngữ trình bày, bạn có nghĩa là CSS? Vì tôi nghĩ có lẽ tôi đã bỏ lỡ một số tùy chọn HTML có sẵn để sử dụng. – Roland

+2

Có. CSS là ngôn ngữ được thiết kế để mô tả cách các trang web (và các tài liệu đánh dấu khác) nên xem xét. HTML được thiết kế để mô tả cấu trúc, ngữ nghĩa và các mối quan hệ. Nó có một số thứ (hầu như không được chấp nhận) hiện tại còn sót lại từ các cuộc chiến trình duyệt của thập niên 90. – Quentin

Trả lời

6
<style type="text/css">  
    select { 
     width:200px; 
    } 
</style> 

Điều đó không làm việc?

+0

Có vẻ như tôi cần phải gắn với kiểu nội tuyến hoặc css – Roland

12

Không có cách nào để thực hiện trong HTML thuần túy theo http://www.w3.org/TR/html401/interact/forms.html#h-17.6. Bạn có thể thiết lập nó bằng cách sử dụng yếu tố phong cách, mặc dù đó là loại mà không có css ở chỗ nó là nội tuyến.

<select style="width: .... 
+1

Tại sao lại là downvote? Đây là câu trả lời hợp lệ cho câu hỏi. – Mayo

1

Thêm một lựa chọn sản phẩm nào với không gian đủ trong nó ...

+0

Điều này có thể hoạt động nếu tôi cần một không gian trống, thx cho đề xuất – Roland

0

Nếu u sử dụng jquery, Toán Vật lý Hóa học

Đây là chọn mã html của tôi. Vì vậy, u phải thêm một div khác có chứa tên lớp jquery bao gồm tên lớp của bạn và áp dụng chiều cao và chiều rộng trong lớp của bạn.

<div class="ui-select selBox"> 
    <select> 
    <option>Maths</option> 
    <option>Physics</option> 
    <option>Chemistry</option> 
    </select> 
</div> 
.selBox{ 
width: 470px !important; 
height: 40px !important; 
} 

đây selBox là tên lớp và ui-chọn là tên lớp jquery.

+0

Giải pháp của bạn không chứa bất kỳ jQuery nào – Eoin