kendo-ui - 如何获得圆角以在 kendo ui 中弹出下拉列表

Question

如何在下拉列表的弹出窗口中获得圆角？

<div class="example-wrapper">
      <p>T-shirt size:</p>
      <kendo-dropdownlist [data]="listItems"
      [popupSettings]="{
       
       popupClass:'[border-round]'
     }">
      
      </kendo-dropdownlist>
    </div>

其中边界圆在css中定义为

.border-round
{
  border-radius:20px;
 
}

我试过了，但它不起作用

Answer 1

在 jQuery 的 Kendo UI 中，您可以覆盖 Kendo CSS 类，如下所示：

.k-list-container.k-state-border-up {
    border-radius: 15px;
}

如果 Angular 的 Kendo UI 使用相同的 CSS 类名，那么上面的方法应该可以工作。