css - 为选项设置 DropDownListFor CSS

Question

我有以下设置我的下拉菜单到荒谬的宽度:

<div class="editor-field">
  @Html.DropDownListFor(x => x.TypeId, new SelectList(Model.Type, "TypeId", "TypeName"), null, new {  @style = "width: 500;" })
                                </div>

如何获取在填充的下拉列表中显示为选项的元素以移动它们的对齐方式，例如居中对齐文本？

这就是我的目标，我认为应该的工作，可以找到here .

但是如您所见，选项文本仍然在左侧。有什么想法吗？

Answer 1

你想要这样的东西吗？

My Fiddle

My New Fiddle

此外，注意，您使用的是 500 像素的宽度，这是为了什么？