【问题标题】:Css getting applied to all pages in angular primengCss 应用于 angular primeng 中的所有页面
【发布时间】:2023-11-28 09:31:01
【问题描述】:

我正在使用 p-dropdown 并已将 min-width 应用于两个不同页面中的 p-dropdown 面板。

在page1 css中

.p-dropdown panel {
  min-width: 35% !important;
  } 

在page2 css中

.p-dropdown panel {
  min-width: 20% !important;
 }    

当我在打开 page1 后打开 page2 时,将应用用于 p-dropdown 面板的 page1 css。

【问题讨论】:

    标签: html css angular primeng


    【解决方案1】:

    在 page2 css 中试试这个。

    .p-dropdown panel {
      min-width: 20% !important
     } 
    

    【讨论】:

    • 我在两个 css 中都应用了 !important,它正在使用 page1 css,这可能只是解决方法,如果我有更多带有 p-dropdown 的页面。
    【解决方案2】:

    无需查看整个 css/项目 - 在 Chrome 中,您可以打开开发工具,选择元素,然后查看“计算”选项卡以查找决定宽度的文件/css。

    【讨论】:

      最近更新 更多