微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

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

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

解决方法

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

>将自定义添加到btn ex:special
>在自定义css文件中定义覆盖样式,如下所示
>在页面中包含自定义文件

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐