Angular 角度初始化--如何更改rowsperpageoptions在p-paginator标记中生成的p下拉列表的样式

我有一个关于p-paginator的问题需要帮助

在上，它给出了使用属性“rowsperpageoptions”的示例。它是这样展示的,

使用rowsperpageoptions在一行中随页面NUM生成的p下拉列表

但是我的代码会让它们像这样分开

---

是否有办法更改rowsperpageoptions生成的p下拉列表的样式并使其更小？

这可能会有所帮助

步骤1：在angular.json文件中。在architect>build>下，确保已添加

primeng.min.css和*anytheme[nova light].css

    "architect": {
        "build": {
            "builder": "@angular-devkit/build-angular:browser",
            "options": {
                "outputPath": "dist/myPrimeNg",
                "index": "src/index.html",
                "main": "src/main.ts",
                "polyfills": "src/polyfills.ts",
                "tsConfig": "src/tsconfig.app.json",
                "assets": ["src/favicon.ico", "src/assets"],
                "styles": [
                    "node_modules/primeicons/primeicons.css",
                    "node_modules/primeng/resources/themes/nova-light/theme.css",
                    "node_modules/primeng/resources/primeng.min.css",
                    "src/styles.scss"
                ],

注意：您也可以在index.html中进行CDN引用

第2步：超越任何分页样式。在您的组件中。css

:host::ng-deep {

.ui-paginator .ui-paginator-pages {
    width: 90px; // change this according to your need 
    line-height: 1;
}

}

注意：默认情况下，“宽度”设置为“自动”

---

希望这对您有所帮助

您是否在

angular.json

文件中应用了这些样式？