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>

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

这就是我的目标，我认为应该起作用的，可以在这里找到。

但是正如您所看到的，选项文本仍然在左侧。有任何想法吗？

Answer 1

I am not quite sure what is you goal here is.

But if I understood correct

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

css

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

Sample : Click Here

Answer 2

你想要这样的东西吗？

我的小提琴

我的新小提琴

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