幅

Question

これは、カミソリのコードです：

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

問題は、私だけのドロップダウンの幅を変更することができますこの方法ですが、それをクリックした後ではなく、すべてのオプションが表示されます。 私はドロップダウンを押すと、DBとリストからいくつかの非常に長い文字列をリストしています。画面の右と外側に表示されます。

どのように短縮できますか？

Answer 1

できません。選択は、ブラウザコントロールではなく、実際にはOSコントロールであるいくつかの要素の1つです。つまり、ブラウザがレンダリングをOSに委譲し、その結果、見た目と機能の制御が制限されます。ブラウザのコントロールの外にあるものの1つは、展開されたドロップダウンの幅です。

可能なことは、カスタムの選択のようなコントロールを生成するJavaScriptライブラリを使用することです。私は個人的にはSelect2が好きです。 「コントロール」はdivのような通常のHTML要素から生成され、その結果、完全に100％カスタマイズ可能です。このようなものを使わなければ、あなたができることは何もありません。