自定义Angular Bootstrap datepicker弹出按钮

我想自定义Angular Bootstrap datepicker弹出窗口中的默认按钮 . 目前我有
我想要的是蓝色和绿色按钮之间大约1(或2)px的空间 . 绿色按钮应保持相同(两者之间的空间明智和大小) .

目前,有很多代码,我不知道CSS文件的位置 . 此外,对于项目中的所有代码,正在观察同样的事情,并且必须对所有这样的事件进行更改 . 我试图在 bootstrap\less\button-group.less 文件中进行更改:

.btn-group {
  .btn + .btn,
  .btn + .btn-group,
  .btn-group + .btn,
  .btn-group + .btn-group {
    margin-left: 1px;
  }
}

.btn-group-vertical {
  > .btn,
  > .btn-group,
  > .btn-group > .btn {
    display: block;
    float: none;
    width: 100%;
    max-width: 100%;
  }

  // Clear floats so dropdown menus can be properly placed
  > .btn-group {
    &:extend(.clearfix all);
    > .btn {
      float: none;
    }
  }

  > .btn + .btn,
  > .btn + .btn-group,
  > .btn-group + .btn,
  > .btn-group + .btn-group {
    margin-top: -1px;
    margin-left: 1px;
  }
}

并在 bootstrap\distcss\bootstrap.css

.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: 1px;
}

但没有任何反应 . 渲染仍然发生在-1px的左边距 .

我该如何解决这个问题?

回答(0)