Angular 设置角度下拉列表的剑道字体大小

在本文中，我有一个用于角度DDL的剑道，字体大小设置为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"];
}

@组件({
选择器：“我的应用程序”，
模板：`
`
})
导出类AppComponent{
公共列表项：数组=[“第1项”、“第2项”、“第3项”、“第4项]；
}

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

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

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

加

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

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

到您的styles.css

加

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

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

到剑道下拉列表内的模板

---

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

将my类添加到DDL和CSS中只适用于此特定的DLL，非常抱歉，没有获得特定的组件。=）实际上，它不适用于我的类，错误地我只将我的类应用于“k-animation-container li”

。my class.k-animation-container li、.my class.k-animation-container-Showed li

不会更改字体大小。Blitz已更新。。。请检查，您需要使用[popupSettings]属性并设置“popupClass”。太好了，太完美了！！