Dropdownlistfor в Mvc бритвы с шрифтами удивительной иконкой

Question

У меня сильно типизированный с dropdownlistfor для рейтинга

public class EmployeeRating 
{ 
    public int RatingId { get; set; } 
    public IEnumerable<RatingList> RatingList { get; set; } 
} 

public class RatingList 
{ 
    public int Value { get; set; } 
    public string Text { get; set; } 
    } 

На моем взгляде

@Html.DropDownListFor(m =>EmployeeRatings.RatingId,new SelectList(ViewBag.RateList, "Value", "Text", EmployeeRatings.RatingId), 
                "Select Rating", new { @class = "form-control"}) 

У меня есть рейтинги, как хороший, плохая, СРЗНАЧ. Для этого мне нужно добавить соответствующий шрифт, удивительные значки и отобразить на мой взгляд. Но это не отображение значков, вместо этого показывает <i class="fa fa-smile-o"></i> Хорошо. Затем я попытался использовать иконки UNICODE из FA. Но не показывать значки (показывая UNICODE в раскрывающемся списке). Я попытался как этот

RatingList = new List<RatingList>(); 

RatingList.Add(new RatingList { Value = 1, Text = "&#xf118; Good" }); 
RatingList.Add(new RatingList { Value = 2, Text = "&#xf11a; Average" }); 

я даже не мог найти какие-либо вспомогательные тег, которые делают это work.Also мне нужно дать цвету каждый пункт что-то вроде смайлика Good-Грина, нахмурившись Бедным-Red, Мех Average -Orange.

Я делаю это за последние два дня и до сих пор не повезло.

Пожалуйста, помогите.Спасибо заранее.

Answer 1

Используйте следующие действия для визуализации FA иконки в DropDownList:

@Html.DropDownListFor(m => m.SelectedSiteID, Model.Sites, null, new { @id = "siteSelection", @onchange = "siteChanged(this)", @class = "siteSelector" }) 
<i style="position:absolute;top:10px;font-size:24px;right:15px;color:white;pointer-events:none;" class="fa fa-angle-down" aria-hidden="true"></i>