如何从Angular5组件mydaterangepicker中删除“ position：absolute”？

Question

我对组件“ mydaterangepicker”的渲染不正确有一些问题。 问题出在某些包含“位置：绝对”的样式中。 如果我将其从Chrome开发工具中删除，则可以正常运行。 但是我无法从组件的样式中将其删除。 并且没有选项可以更正此问题。

这是我的HTML：

<my-date-range-picker
    id="datepicker"
    placeholder= "{{ 'choose_period' | translate }}"
    name="mydaterange"
    [options]="myDateRangePickerOptions"
    [(ngModel)]="model"
    (ngModelChange)="onChange($event)"
  >
</my-date-range-picker>

和选项：

myDateRangePickerOptions: IMyDrpOptions = {
    showClearDateRangeBtn: false,
    dateFormat: 'dd.mm.yyyy',
    width: '100%',
    openSelectorOnInputClick: true,
    editableDateRangeField: false,
    showSelectDateText: false
  };

是否有解决此问题的解决方案？

Answer 1

您可以尝试使用CSS！important运算符覆盖并指定所需的内容。

正如@Dandavis在评论中说的那样，这是不需要的。 但这可以解决您的问题。

.className {
     position: initial !important; // default value 
}

希望这可以帮助！