Question

我正在导入bootstrap mixins.less，我想从box-shadow参数mixin中删除.form-control-validation。

我试过

.form-control-validation .form-control { .box-shadow(none); }

是否可以在不修改原始文件的情况下覆盖一条规则？

这是问题的reduction。

我正在努力避免制作我自己的BS文件克隆，以便将来升级时不会有任何问题。我只需要覆盖特定的规则。

感谢。

Answer 1

如果我理解正确（我假设您想影响使用.form-control-validation mixin的每个类），可以使用以下命令：

.form-control-validation(...) {
    .form-control {
        .box-shadow(none);
    }
}

这个mixin应该在原始的Bootstrap mixin之后定义（即在导入“bootstrap”或“mixins”之后）。

Answer 2

我认为使用box-shadow的默认参数定义规则会起作用。像这样：

.color-border(@col, none) {
  .color-border(@col);
  box-shadow : none;
}

.blue-border { 
  .color-border(blue, none);
}

请注意，我添加了一个新参数，只有在您调用.color-border(blue, none);

时才会使用该参数

希望它有所帮助。