css - 更改 ion-datetime 值的颜色

Question

如何更改 ion-datetime 值颜色？ 文档 https://ionicframework.com/docs/api/datetime#css-custom-properties仅显示占位符颜色的 css 变量。

但是如何改变值的颜色呢？

--color:没有效果。

Answer 1

当 Ionic 元素上没有定义 CSS 变量时，您可以简单地使用普通的 CSS 声明:

ion-datetime {
    color: #f90;
}

这可以在单个组件的 CSS 文件中完成，也可以在全局范围内完成，以定位整个应用程序中的所有 ion-datetime。

更新

要定位占位符而不影响值:

ion-datetime {
  --placeholder-color: #0f9;
}

&:not(.datetime-placeholder) {
  color: #f00;
}