设置DropDownListFor CSS的选项

我有我的设置下拉到一个荒谬的宽度如下：设置DropDownListFor CSS的选项

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

我怎么显示为在人口下降选项中的项目向下移动例如其对齐中心对齐文字？

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

Center dropdown item text

但正如你可以看到，选择文本仍然在左边。有任何想法吗？

来源

2012-07-24 Ricardo Deano

参见本[SO后（http://stackoverflow.com/问题/ 1911111/how-to-make-sure-select-option-text-align-in-the-center-in-ie）关于使文本居中在IE中选择选项（tl; dr：你不行） – 2012-07-24 16:16:45

而且，正如他们所说的那样！感谢Roddy。 – 2012-07-24 16:17:25

你想要这样的东西吗？

My Fiddle

My New Fiddle

而且注意，您使用的是500像素宽，那是什么呢？

来源

2012-07-24 15:32:06

你好外星先生。下拉的宽度只是一个荒谬的条目，所以我可以清楚地看到文本将是左，右或中心:) – 2012-07-24 15:37:26

你是否看到小提琴？为你工作？ – 2012-07-24 15:38:24

不是没有Alien先生。所以我把你的小提琴和稍微扩大http://jsfiddle.net/ricardodeano/r7XeZ/13/。 – 2012-07-24 15:45:42

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

但是，如果我理解正确

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

CSS

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

样品：Click Here

来源

2012-07-24 16:03:15

不适用于Chrome或IE9。 – 2012-07-24 16:11:29

它在Firefox中工作吗？无论如何，这是你所期望的？我的意思是我在jsfiddle中创建的那个 – 2012-07-24 16:14:35

是的。它适用于Firefox 13，而不是IE9或Chrome。 – 2012-07-24 16:15:22

设置DropDownListFor CSS的选项

回答

相关问题