【问题标题】：Why I'm not getting proper styling with p-calendar [PrimeNG]为什么我没有使用 p-calendar [PrimeNG] 获得正确的样式
【发布时间】：2020-03-13 00:31:22
【问题描述】：

我正在学习 Angular。我正在做一个项目。我决定从primeng 添加一个<p-calendar>component。我也安装了软件包。版本是：

"primeicons": "^2.0.0",
"primeng": "^5.2.7",

我得到了完美的一切。看到这个：

但现在我只想得到几个月。我想将其更改为月份选择器。在做了一些研究之后，我才知道primeng: ^5.2.7 中只有那个月的选择器不可用。所以我升级到：

"primeicons": "^2.0.0",
"primeng": "6.1.6",

我也将这些属性添加到<p-calendar> 标签：

view="month" dateFormat="mm/yy"

组件工作正常。但是为什么我失去了所有的造型。那些圆圈和悬停效果等。看这个：

老实说，我不太擅长 CSS 和造型。请帮忙。

我的 angular.json：

"styles": [
    "src/styles.scss",
    "node_modules/primeng/resources/primeng.min.css",
    "node_modules/primeicons/primeicons.css",
    "node_modules/bootstrap/dist/css/bootstrap.min.css"
]

有什么方法可以编辑或覆盖设计。

【问题讨论】：

为什么要在 angular.json 中包含 bootstrap.min.css？ primeng.min.css 和 bootstrap 之间可能存在冲突。尝试删除引导程序，或在启动 css 之前加载它。
@R.Richards，先生，没有bootstrap.min.css 小部件看起来更加可悲。像锚标签和月份这样的下划线相互交叉。请帮忙。
如果加载 bootstrap.min.css before primeng.min.css 看起来会更好吗？尝试将引导程序移到 angular.json 的 styles 部分中的primeng 上方。
@R.Richards。没用。 :-(
您使用的是哪个主题？你还能确认其他元素的样式是否正常吗？

标签： html css angular sass primeng

【解决方案1】：

https://www.primefaces.org/primeng/#/setup

尝试在样式数组中添加主题：-

angular.json

"styles": [
   "node_modules/bootstrap/dist/css/bootstrap.min.css",
   "node_modules/primeng/resources/primeng.min.css",
   "node_modules/primeng/resources/themes/omega/theme.scss",
   "node_modules/primeicons/primeicons.css"
]

【讨论】：

非常感谢您的帮助。但不幸的是，它应用了其他一些主题，但不是我正在寻找的主题。我认为是因为omega 主题。 :-)