导入类将鼠标悬停在其他类中.LESS

Question

只需学习.less并在我的项目中使用twitters bootstrap。

如果我whant一个绿色按钮的形式提交，我有写：

<input type="submit" value="submit" class="btn btn-success" /> 

但我可以跳过输入标签的类属性。

我不会更改twitter引导程序文件。我会重载它们在我的default.less文件是这样的：

button, input[type="submit"]{ .btn; .btn-success; } 

但我没有得到悬停状态和工作状态的按钮，我得到的错误，如果我试图使它像这样：

button, input[type="submit"]{/* previus code... */ &:hover{ .btn:hover; }} 

您可能会注意到我试图完成。我知道我可以在jQuery或JavaScript中做到这一点，但我可以在我的.less文件中完成这项工作，但不会触及原始的靴子文件。

Answer 1

我不知道，这是可能的，而无需修改引导CSS。

你能在所有的修改引导CSS？如果是这样，你可以一个.btn-hover类添加到.btn:hover，然后在button, input[type="submit"]：

&:hover { 
    .btn-hover; 
    .btn-success-hover; 
} 

Answer 2

.btn和.btn，成功是类。这些类在buttons.less中定义。他们把mixin称为mixin.buttonBackground。您可以致电此混入你的按钮：

button, input[type="submit"]{ 
    .buttonBackground(@startColor,@endColor); 
} 

@startColor和@endColor是按钮梯度和悬停状态使用@endColor。 或者您可以将变量.less（btnInfoBackgroundHighlight）中的颜色更改为您自己的。 或者你可以使用

.btn-success{ 
     &:hover{ 
      background-color: @yourOwnColor; 
     } 
}