Выпадающий список стилей для MVC

Question

Привет Я пытаюсь создать свой выпадающий список, используя некоторые css и javascript. Единственная трудность, с которой я сталкиваюсь, заключается в том, что я использую модели с MVC, а инструменты разные, поэтому я не использую теги select.

на данный момент это, как я показываю и заселение мой выпадающий список для

<%: 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="" атрибут <select>, так что вы можете использовать селектор элемента в CSS, например, так:

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

#mySelect { width: 135px; } 

Однако, если вы используете эту DropDownListFor в частичном виде то атрибут id="" не будет быть уникальным в документе, что является незаконным. Попробуйте использовать различные селекторы, которые используют контекст, например селектор потомков.