Telerik MVC 星级评定，调整星星大小答案

【问题标题】：Telerik MVC Star Rating, resize starsTelerik MVC 星级评定，调整星星大小
【发布时间】：2020-01-27 16:15:44
【问题描述】：

如何正确调整 Telerik MVC Start Rating 控件的大小。

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

我有一个非常基本的控件，但是当尝试使用 .k-icon 类调整星星的大小时，某些开始不是完全水平的。

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

是不是我做错了什么？

我也尝试过使用 itemTemplates，但仍然得到相同的结果。

【问题讨论】：

如果我查看demos.telerik.com/kendo-ui/rating/events 的文档并增加“.k-rating-container .k-rating-item .k-icon”的字体大小对我有用，但显然不适合你.检查包装这些元素的包装器是否有一些奇怪的东西
包装器中没有什么特别的事情发生，只是一个引导 col-12 容器

【解决方案1】：

所以改变星星的大小是通过设置.k-icon的font-size来实现的，但这稍微弄乱了我的布局。

我通过设置.k-rating的字体大小= 0px;

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

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

然后您可以根据需要使用边距和填充。

【讨论】：