css - ionic 3 Angular 样式 mydatepicker 组件

Question

这似乎是一些 css 问题，一些大师会知道如何立即修复。

我正在使用 https://github.com/kekeh/mydatepicker它按我的要求工作，除了我需要对输入框进行一些布局更改。

如果我通过开发人员工具在 chrome 浏览器中执行此操作，我能够看到所需的更改，但无法通过应用 css 使它们正常工作。

所以如果你看一下屏幕截图: https://www.dropbox.com/s/2dhri8ylss3pfgd/Screenshot%202017-09-30%2018.27.41.png?dl=0

我需要将高度设置为 25px 而不是 34px。

尝试覆盖 .selectiongroup 之类的类。没有帮助

Answer 1

您应该使用高度属性来覆盖输入高度。

private myOptions: IMyDpOptions  = {
    firstDayOfWeek: 'su',
    editableDateField: false,
    openSelectorOnInputClick: true,
    height: '25px'
};

 <my-date-picker [options]="myOptions" [(ngModel)]="XYZ" (dateChanged)="XYZ($event)"></my-date-picker>