离子改变日期时间高度和颜色

【问题标题】：Ionic change Datetime height and Color离子改变日期时间高度和颜色
【发布时间】：2018-08-11 22:14:12
【问题描述】：

我在更改我的高度和颜色时遇到问题 <ion-datetime>。我是 Web 开发和 SCSS 的新手。

我尝试覆盖 ionic sass 变量，但没有成功（可能是因为它们适用于 ios、android 和 windows phone？）。它主要是一个运行在 320x240 分辨率的 RaspberryPi 上的 Web 应用程序。

在图片中你可以看到，它只需要小一点就可以适应屏幕。改变它的背景颜色会很好。谢谢你的帮助:)

屏幕截图（日期时间分辨率）：

【问题讨论】：

你找到答案了吗？

标签： angular ionic-framework sass ionic3

【解决方案1】：

试试

.picker-md .picker-prefix,
.picker-md .picker-suffix,
.picker-md .picker-opt.picker-opt-selected {
    color: #fff;
    font-family: Montserrat-Medium;
    border-radius: 10px;
    background-color: rgba(227, 123, 38, 0.342);
    box-shadow:  0 1px rgba(255,255,255,0.2),
      0 -0px 1px rgba(236, 236, 236, 0.4),
      0 1.5px 2px rgba(255, 255, 255, 0.5);
}
.picker-md .picker-opt {
    color: map-get($colors,bg);
    font-family: Montserrat-Light;
}
.picker-md .picker-button,
.picker-md .picker-button.activated {
    color: #fff;
    font-family: Montserrat-Regular;
}

【讨论】：