时间戳

首页 > 解决方案 > Telerik MVC 星级评定，调整星星大小

c# - Telerik MVC 星级评定，调整星星大小

问题描述

如何正确调整 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 但我仍然得到相同的结果。

链接到图片

标签： c#model-view-controllertelerik

解决方案

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

我通过设置.k-rating = 0px;的字体大小对其进行了整理

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

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

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

推荐阅读