MVC中的樣式下拉列表

Question

嗨我想用我的下拉列表樣式使用一些CSS和JavaScript。我面臨的唯一困難是我使用的模型與MVC和工具是不同的，所以我沒有使用選擇標籤。

此刻這是怎麼了展示和填充我的下拉列表中

<%: Html.DropDownListFor(model => model.teamIdAway, Model.getTeams, new { style = "width: 135px" })%> 

並從模型填充此

誰能告訴我一些基本的代碼或我能做些什麼來我的樣式下拉列表

感謝

Answer 1

Html.DropDownListFor渲染<select>，所以我不知道爲什麼你說你沒有使用<select>標籤。

CSS不關心服務器端代碼，只顯示HTML，所以如果你有問題，那麼總是向我們展示呈現的HTML和你的CSS。

反正風格你<select>元素（請記住，因爲<select>是一個「替換元素」中的CSS樣式的機會是有限的，但你可以做一些很酷的事情：http://bavotasan.com/2011/style-select-box-using-only-css/

可以覆蓋id=""但是，如果你在一個局部視圖使用此DropDownListFor

<%: Html.DropDownListFor(model => model.teamIdAway, Model.getTeams, new { id = "mySelect" })%> 

#mySelect { width: 135px; } 

那麼id=""屬性不會：在<select>的屬性，所以你可以在CSS中使用的元素選擇，像這樣在文件中是唯一的，這是非法的。嘗試使用不同的使用上下文的選擇器，例如後代選擇器。