我想自定义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的左边距 .
我该如何解决这个问题?