ionic修改控件内置class样式

背景

使用ionic中控件，有时候他的样式不能满足实际开发需求，需要改改一些样式。

ion-datetime

时间控件，想修改一下默认的白色背景

修改后：

代码：
在variables.scss文件中的root伪类中增加属性

:root {
    //修改时间控件的背景颜色
    ion-picker .picker-wrapper{
      background-color: #3880ff;
    }
  }

总结

F12分析元素，找到对应的控件，类，然后把属性写到 variables.scss中的root类中去。其他的样式改起来也差不多这个套路。当前改的话是全局样式都改了，单独在某一个datetime控件中改，暂时还不知道怎么改，哪位大佬知道的话麻烦告知，谢谢。