イオン3角度スタイリングmydatepickerコンポーネント

Question

これはいくつかのCSSの問題と思われ、いくつかの達人はすぐに修正する方法を知っていただろう。

私は入力ボックスにレイアウトを変更する必要があることを除いて、私が必要とするように動作するhttps://github.com/kekeh/mydatepickerを使用しています。

私は開発者ツールを使用してクロムブラウザでこれを行うが、CSSを適用して機能させることができない場合は、希望の変更を見ることができます。

ので、あなたはスクリーンショットを見て取る場合： https://www.dropbox.com/s/2dhri8ylss3pfgd/Screenshot%202017-09-30%2018.27.41.png?dl=0

を私は34pxむしろ25ピクセルまでの高さを設定する必要があります。

を使用すると、入力された高さをオーバーライドするためにheight属性を使用する必要があります

Answer 1

を助けるdoesntの.selectiongroupなどのようなクラスをオーバーライドしてみてください。

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

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