jquery - 将鼠标悬停在 Bootstrap 按钮上时不要更改 CSS

Question

我正在使用这样的 btn-group:http://jsfiddle.net/dy9uH/34/

我不希望我的用户认为左边的按钮是可点击的，但不喜欢我添加 disabled 类时按钮的外观。当用户将鼠标悬停在左按钮上时，如何确保没有任何反应？我不想编辑 bootstrap.css，因为我有其他按钮使用 .btn-group 类，我需要像往常一样运行。

Answer 1

我认为唯一的解决方案是用您的自定义更改覆盖 Bootstrap 样式。

1. 将自定义类添加到 btn 例如:special
2. 在自定义 css 文件中定义覆盖样式如下
3. 在您的页面中包含自定义文件

CSS:

.btn.special {
    background-color: #F5F5F5;
    color: #333333;
    background-image: linear-gradient(to bottom, #FFFFFF, #E6E6E6);
    text-decoration: none;
    background-position: 0;
    transition: none;
}

演示:Fiddle