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

发布时间：2020-12-14 22:55:05 所属栏目：资源来源：网络整理

导读：我使用本指南来自定义我使用bootstrap创建的网页中的按钮： Change hover color on a button with Bootstrap customization 问题是我无法在悬停中保持相同的字体颜色,我无法解释为什么它总是变为深灰色. 这是代码：http://codepen.io/anon/pen/ByKZZK 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
                        （编辑：李大同）
【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!