我使用本指南在我使用 bootstrap 制作的网页中自定义按钮:
Change hover color on a button with Bootstrap customization
问题是我无法在悬停时保持相同的字体颜色，而且我无法解释为什么它总是变为深灰色。 这是代码:http://codepen.io/anon/pen/ByKZZK
HTML:
<head>
<link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
</head>
<button href="mailto:abc@def.ghi" class="btn btn-custom btn-lg btn-block">info@mail.org <span class="glyphicon glyphicon-envelope"></span></button>
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*/
}
有什么想法吗？
最佳答案
只需将 !important; 添加到 CSS 的 hover 部分的 color: #FFD180。
.btn-custom:hover, .btn-custom:focus, .btn-custom:active, .btn-custom.active, .open>.dropdown-toggle.btn-custom {
color: #FFD180 !important;
background-color: #837171;
border-color: #837171; /*set the color you want here*/
}
编辑:颜色 (#333) 可能来自 bootstrap.min.css
.dropdown-toggle.btn-default{color:#333;background-color:#e6e6e6;border-color:#adadad}
关于html - 如何更改按钮悬停属性中的文本颜色，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/27446214/