将鼠标悬停在引导程序按钮上时不要更改CSS

Zak*_*ziz 7 css jquery twitter-bootstrap

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

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

Aru*_*hny 6

我认为唯一的解决方案是通过自定义更改来过度引导样式.

  1. btnex 添加自定义类: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;
}
Run Code Online (Sandbox Code Playgroud)

演示:小提琴