html – 如何更改按钮悬停属性中的文本颜色

前端之家收集整理的这篇文章主要介绍了html – 如何更改按钮悬停属性中的文本颜色前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我使用本指南来自定义我使用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更具体的选择器如下:

.btn.btn-custom

检查Codepen

原文链接:https://www.f2er.com/html/426099.html

猜你在找的HTML相关文章