Button 将类悬停状态导入到.LESS中的其他类

只是在学习。在我的项目中少用推特引导

如果我没有绿色按钮提交表格，我必须写：

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

但是，我没有将悬停状态和活动状态设置为按钮，如果我尝试这样设置，则会出现错误：

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

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

---

你可能会注意到我想要完成的事情。我知道我可以在jquery或javascript中实现这一点，但我可以在.less文件中实现这一点，而不必接触原始的bootsrap文件。

如果不修改Bootstrap CSS，我不确定这是否可行

你能修改引导CSS吗？如果是这样，您可以将

.btn hover

类添加到

.btn:hover

，然后在

按钮中输入[type=“submit”]

：

---

.btn和.btn success是类。这些类在buttons.less中定义。他们从mixin中调用mixin。较少调用。按钮背景。您可以为按钮调用此mixin：

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

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

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

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