Ng Bootstrap Angular 6自定义样式日期选择器

Question

我想更改日期选择器的设计。我正在使用Angular 6，Bootstrap 4和ngBootstrap。我想更改许多内容，例如背景色，箭头的位置等，显示天数（仅首字母代替2）。可能吗？我在文档中找不到有关此信息的信息，仅适用于自定义特定日期。

Answer 1

您必须将此添加到您的 CSS 组件中

::ng-deep{
  .ngb-dp-arrow > button{
    position: relative !important;
    top: 5px !important; // Assumming you want to move it 5px from top.
    }
  .ngb-dp-arrow.right > button{
    position: relative !important;
    left: 5px !important; //Assuming you want to move it 5px from left.
   }
  .ngb-dp-month-name {
    //This is an example what you can modify
    background-color: blue !important;
    font-family: "Open Sans";
    font-size: 14px !important;
    letter-spacing: 0 !important;
  } 
}

旁注：您必须使用 '!important' 来覆盖默认值。