[英]how to change height and width of primeng v11.2.0 p-calendar?
How to change height and width of below p-calendar
of primeng version 11.2.0
如何更改
primeng version 11.2.0
以下p-calendar
的高度和宽度
https://primefaces.org/primeng/showcase/#/calendar https://primefaces.org/primeng/showcase/#/calendar
I want to use the above p-calendar
on my Angular application.我想在我的 Angular 应用程序上使用上面的
p-calendar
。
I tried below CSS, but didn't worked.我尝试了以下 CSS,但没有用。
.ui-calendar .ui-datepicker {
height: 200px!important;
}
Suggest me on this.就此向我提出建议。
Adding few more points here.在这里再补充几点。 Use these styles in your styles.scss, it is parallel to index.html, also use.important at many places, You can also refer this link for more classes, https://www.primefaces.org/primeng/showcase/#/calendar
在你的 styles.scss 中使用这些 styles,它与 index.html 平行,在很多地方也使用.important,你也可以参考这个链接更多的类, https://www.primefaces.org/primeng/showcase/# /日历
.p-datepicker table td{ //adjust the padding }
.p-datepicker table td > span { //adjust the width and height }
You can proportionally control the height of the date picker by reducing the cell padding of the date cells through these classes.您可以通过这些类减少日期单元格的单元格填充来按比例控制日期选择器的高度。
.p-datepicker table td{ //adjust the padding }
.p-datepicker table td > span { //adjust the width and height }
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.