我使用本指南来自定义我使用bootstrap创建的网页中的按钮:
Change hover color on a button with Bootstrap customization
问题是我无法在悬停中保持相同的字体颜色,我无法解释为什么它总是变为深灰色.
这是代码:http://codepen.io/anon/pen/ByKZZK
HTML:
CSS:
.btn-custom {
color: #FFD180;;
background-color: #483737;
border-color: #357ebd; /*set the color you want here*/
}
.btn-custom:hover,.btn-custom:focus,.btn-custom:active,.btn-custom.active,.open>.dropdown-toggle.btn-custom {
color: #FFD180;
background-color: #837171;
border-color: #837171; /*set the color you want here*/
}
有任何想法吗?
最佳答案
似乎某种方式.btn类的bootstrap在你的codepen上得到了更多的重量,你可以尝试避免使用!important更具体的选择器如下:
原文链接:https://www.f2er.com/html/426099.html.btn.btn-custom
检查Codepen