更改 Kendo UI 时间选择器突出显示的文本颜色
Change Kendo UI Timepicker Highlighted Text Color
我们如何更改 kendo ui 时间选择器中突出显示的文本颜色区域。
KENDO UI 时间选择器 - https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/
正如您在这张图片中看到的，10:30 AM 是突出显示的区域。我想把那个时间的颜色改成red.
我做了很多研究，但没有找到任何解决方案，我看到 html 波纹管有点像。
发现如果我们改变 class <span class="k-time-highlight"></span> 的颜色，只有背景会改变，文本不会改变。
这个link是提取码-https://silver-ranique-14.tiiny.site/
.k-time-highlight 仅引用位于项目顶部的跨度。打开 TimePicker 时实际创建的 DOM 是（为简洁起见被截断）：
<kendo-popup>
<div class="k-popup">
<kendo-timeselector>
<k-time-list-container>
<span class="k-time-highlight">（指示所选项目的叠加层）<div class="k-time-list-wrapper">（小时数）<div class="k-time-separator">（分隔符）<div class="k-time-list-wrapper">（分钟）<div class="k-time-separator">（分隔符）<div class="k-time-list-wrapper">（对于AM/PM）
并且每个 k-time-list-wrapper 具有以下内容：
<kendo-timelist>
<kendo-virtualization>
<ul>
<li class="k-item">（对每个值重复，例如 1 - 23 小时）
不幸的是，我认为您无法设置出现在 <span class="k-time-highlight"> 下方的 <li class="k-item"> 的样式，因为没有上下文指示它何时位于叠加层下方。
我们如何更改 kendo ui 时间选择器中突出显示的文本颜色区域。
KENDO UI 时间选择器 - https://www.telerik.com/kendo-angular-ui/components/dateinputs/timepicker/
正如您在这张图片中看到的，10:30 AM 是突出显示的区域。我想把那个时间的颜色改成red.
我做了很多研究，但没有找到任何解决方案，我看到 html 波纹管有点像。
发现如果我们改变 class <span class="k-time-highlight"></span> 的颜色，只有背景会改变，文本不会改变。
这个link是提取码-https://silver-ranique-14.tiiny.site/
.k-time-highlight 仅引用位于项目顶部的跨度。打开 TimePicker 时实际创建的 DOM 是（为简洁起见被截断）：
<kendo-popup><div class="k-popup"><kendo-timeselector><k-time-list-container><span class="k-time-highlight">（指示所选项目的叠加层）<div class="k-time-list-wrapper">（小时数）<div class="k-time-separator">（分隔符）<div class="k-time-list-wrapper">（分钟）<div class="k-time-separator">（分隔符）<div class="k-time-list-wrapper">（对于AM/PM）
并且每个 k-time-list-wrapper 具有以下内容：
<kendo-timelist><kendo-virtualization><ul><li class="k-item">（对每个值重复，例如 1 - 23 小时）
不幸的是，我认为您无法设置出现在 <span class="k-time-highlight"> 下方的 <li class="k-item"> 的样式，因为没有上下文指示它何时位于叠加层下方。