寬度在MVC DropDownList中的選擇列表中的過大，因爲很長的字符串

Question

的這是在剃刀代碼：

@Html.DropDownList("SurveyTitle", ViewBag.SurveyTitle as SelectList, new { style = "max-width: 300px;" }) 

的問題是，這樣我只能改變下拉列表的寬度，但在點擊它之後不在裏面，它列出了所有的選項。 我正在列出一些來自數據庫的非常長的字符串，並且在按下下拉列表後，該列表會顯示在屏幕的右側和外側。

我該如何縮短它？

Answer 1

你不能。選擇是一些實際上是OS控制的元素，而不是瀏覽器控制。這意味着瀏覽器將渲染委託給操作系統，結果只是控制了它們的外觀和功能。瀏覽器無法控制的內容之一就是擴展下拉的寬度。

你可以做的是使用一個JavaScript庫來生成自定義的類似選擇控件。我個人喜歡Select2。 「控制」是由常規HTML元素（如div）生成的，因此，完全是100％可定製的端到端。沒有使用這樣的東西，沒有什麼可以做的。