自定义Angular Bootstrap Datepicker弹出按钮

Question

我想自定义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的左边距进行。

我该如何解决？

Answer 1

您可以在github仓库中找到模板，这是find here专用的Datepicker-Popup模板。

您可以复制它并制作自己的自定义副本，并使用{{1}}属性将其链接到指令

我建议仅在自定义模板中插入边距css样式并完成