Phần tử chọn HTML có chiều rộng cố định và thanh cuộn

Question

Đây có thể là câu hỏi CSS cơ bản, nhưng tôi không thông thạo CSS và dường như đang đi vào vòng kết nối.

Đây là những gì tôi có bằng tiếng Anh: Tôi có phần tử chọn chiều rộng cố định là 400px. Văn bản cho mỗi tùy chọn không phù hợp với chiều rộng 400px đó. Tôi không nhận được một thanh cuộn ngang, nó chỉ cắt bỏ văn bản. Làm thế nào để tôi có được thanh cuộn?

Đây là những gì tôi có trong HTML/CSS:

<div> 
    <select style="width=400px"> 
    <option>this text is too wide to fit and gets cut off.....</option> 
    ... 
    </select> 
</div> 

Tôi đã thử tài sản tràn, nhưng tôi hoặc sử dụng nó không đúng cách hoặc nó không hoạt động trên các yếu tố lựa chọn.

Làm cách nào để có thanh cuộn ngang?

Answer 1

yếu tố mẫu nổi tiếng là khó Phong cách.

Đối với cài đặt chiều rộng của bạn, bạn có lỗi đánh máy nhỏ. Bạn cần

<select style="width: 400px"> 

Nếu không, tôi cho rằng thanh cuộn ngang không thể đạt được bằng phần tử thông thường select. Bạn sẽ phải sử dụng giải pháp thay thế dựa trên JavaScript như SexyCombo, có thể tùy chỉnh để có thanh cuộn. Các tùy chọn khác tại đây: 11 jQuery Plugins to Enhance HTML Dropdowns

Answer 2

1. nó phải được <select style="width: 400px;"> (không phải là "width=")
2. thường xuyên HTML-chọn không có thanh cuộn, không có vấn đề gì bạn làm :)

Answer 3

bạn đang sử dụng cú pháp css nội tuyến bạn nên sử dụng style = "width: 400px;"

Và nếu bạn có sử dụng nhiều lựa chọn bạn chỉ cần sử dụng

<select multiple style="width: 400px;">