如何自定義kendo ui grid pager大小？

Question

這是Angular 尋呼機的Kendo UI

尋呼機模板是：

<ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">
        <kendo-pager-prev-buttons></kendo-pager-prev-buttons>
        <kendo-slider
            [showButtons]="false"
            tickPlacement="none"
            [max]="totalPages"
            [min]="1"
            (valueChange)="sliderChange($event)"
            [value]="currentPage">
        </kendo-slider>
        <kendo-pager-info></kendo-pager-info>
        <kendo-pager-next-buttons></kendo-pager-next-buttons>
        <kendo-pager-page-sizes [pageSizes]="[5, 10, 40]"></kendo-pager-page-sizes>
     </ng-template>

我想要的是將尋呼機高度降低到所需的值，比如 25px。 如何？

Answer 1

將此樣式添加到組件的 CSS 文件中：

::ng-deep kendo-grid kendo-pager {
    height: 25px;
}

::ng-deep用於允許樣式打破封裝並影響組件中包含的組件內的樣式。