angular - 在 Kendo 中为 Angular 下拉列表设置字体大小

Question

在这个StackBlitz 中，我有一个用于 Angular DDL 的 Kendo，字体大小设置为 6px，但它不起作用。目标是更改弹出列表字体大小。如何解决这个问题？

@Component({
selector: 'my-app',
template: `
 <kendo-dropdownlist 
      [data]="listItems" 
      [ngStyle]="{ 'font-size': '6px' }">
 </kendo-dropdownlist>
`
})
export class AppComponent {
  public listItems: Array<string> = ["Item 1", "Item 2", "Item 3", "Item 4"];
}

Answer 1

还有另一种（更灵活）的解决方案：

1. 添加

   .popup-class {font-size: 6px;}
   

   到你的styles.css

2. 添加

   [popupSettings]="{ popupClass: 'popup-class' }"
   

   到 kendo-dropdownlist 内的模板。

使用此解决方案，您可以单独设置每个下拉列表的样式。另一种解决方案可能是使用项目模板。

Answer 2

我已经更新了你的blitz，添加了这一行：

.k-animation-container li, .k-animation-container-shown li {
     font-size: 6px!important;
}

到你的styles.css