可以設置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下拉式樣？

回答

相關問題