可以设置HTML下拉式样？

我正在使用mvc4和Razor引擎。以下是我已经试过：可以设置HTML下拉式样？

<div class="editor-field"> 
    @Html.DropDownListFor(model => model.NewSymbol.Category.Id, new SelectList(Model.MarketCategories, "Id","Name"), new { @class = "dropdown" }) 
</div>

CSS是：

.dropdown { 
    margin-top: 5px; 
    margin-bottom: 10px; 
    padding: 3px 2px; 
    width: 312px; 
} 

option { 
    width: 312px !important; 
}

不幸的是我得到的东西看起来像： enter image description here

我试图让下拉至少为与'select'元素的宽度相同。如果文字扩大到312px以外，我不介意，但是这个缩小的下拉空间看起来很愚蠢。

感谢您的帮助。

来源

2013-05-31 Bitfiddler

使用<select> html标签，您将成为浏览器的显示和行为的摆布。解决这个问题的唯一方法是制作你自己的，或者使用工具包下拉菜单，如the jQuery UI one。

来源

2013-05-31 20:02:23 Jay

这是不幸的。感谢您的jQuery建议。然而，该解决方案增加的复杂性不适合我的特殊情况（因为这是一个美学问题，而不是功能问题）。 – Bitfiddler

现在为什么有什么限制什么时候可以标记某些答案？我会在3分钟内给你信用额度按照stackoverflows限制。 – Bitfiddler

这是一场我不时战斗的战斗，因为浏览器喜欢将下拉宽度设置为所有选项的最大宽度，而且我通常最终会修剪选项。对不起，没有更多的事情可以做。除非别人知道我不会。 – Jay

可以设置HTML下拉式样？

回答

相关问题