javascript - 如何从 Angular5 组件 mydaterangepicker 中删除 "position: absolute"？

Question

我在错误渲染组件“mydaterangepicker”时遇到了一些问题。问题出在某些包含“position:absolute”的样式中。如果我将它从 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 
}

希望这对您有所帮助!