Telerik MVC Звездный рейтинг, изменение размера звезд

Question

Как правильно изменить размер элемента управления Telerik MVC Start Rating.

@(Html.Kendo().Rating()
  .Min(1)
  .Max(5)
  .Value(i.SavedRating)
  .Readonly(true)
  .Label(false)
  .Enabled(false)
  .Precision("half"))

У меня очень простой c элемент управления, но при попытке изменить размеры звезд с помощью .k -icon class некоторые старты не совсем горизонтальны.

.k-icon {
    font-size: 14px !important;
}

Есть ли что-то, что я делаю неправильно?

Я также пытался использовать itemTemplates, но я все еще получаю то же самое результат.

Ссылка на изображение

Answer 1

Таким образом, изменение размера звездочек достигается установкой размера шрифта .k-icon , но это немного испортило мой макет.

Я разобрался с этим, установив размер шрифта .k-rating = 0px;

.ratingFilterItem .k-rating-item .k-icon {
    font-size: 16px !important;
    margin: 0 !important;
}

.k-rating {
    font-size: 0 !important;
}

Тогда вы можете просто поиграться с полями и отступами, как требуется.