时间戳

首页 > 解决方案 > 如何从 Angular5 组件 mydaterangepicker 中删除“位置：绝对”？

javascript - 如何从 Angular5 组件 mydaterangepicker 中删除“位置：绝对”？

问题描述

我对组件“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
  };

有什么解决方案可以解决这个问题吗？

标签： javascripthtmlcssangulartypescript

解决方案

您可以尝试使用 CSS !important 运算符来覆盖并指定您想要的内容。

正如@Dandavis 在评论中所说，不需要。但这可能会解决您的问题。

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

希望这可以帮助！

推荐阅读