为选项设置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

同样注意，您使用的是500px宽度，这是为了什么？

Answer 2

我不太确定你的目标是什么。

但如果我理解正确

<select class="ddl">
    <option>Option1</option>
    <option>Option2</option>
</select>

的 CSS 的

.ddl{text-align: center; width:250px;}
option{text-align: center;}

示例：Click Here