Asp.net mvc 4 HTML下拉列表可以设置样式吗？

我使用mvc4和剃须刀引擎。以下是我尝试过的：

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

不幸的是，我得到了如下结果：

我试图使下拉列表至少与“select”元素的宽度相同。如果文本扩展到312像素以上，我不介意它是否更宽，但是这个狭窄的下拉列表看起来很愚蠢

---

谢谢大家的帮助。

使用

html标记，您将在浏览器的显示和行为方面成为一个受支配的角色。解决这个问题的唯一方法是自己制作，或者使用像这样的工具箱下拉列表。

这很不幸。感谢您对jQuery的建议。然而，对于我的特殊情况，这个解决方案增加的复杂性是不值得的（考虑到这是一个美学问题，而不是一个功能性问题）。现在为什么对何时可以将某个东西标记为答案有限制？根据stackoverflows的限制，我会在3分钟内给你积分。这是一场我不时要打的仗，因为浏览器喜欢将下拉列表的宽度设置为所有选项的最大宽度，而我通常会减少选项。对不起，没有更多的事情可以做了。除非有人知道我不知道的事情。

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

option {
    width: 312px !important;
}