如何自定义kendo ui网格寻呼机大小？

Question

这里是Kendo UI for Angular pager

寻呼机模板是：

<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用于允许样式破坏封装并影响组件中包含的组件内部的样式。