gpt4 book ai didi

html - 悬停按钮时防止文本颜色发生变化

转载 作者:太空宇宙 更新时间:2023-11-03 21:18:54 25 4
gpt4 key购买 nike

当用户将鼠标悬停在按钮上时,我试图阻止按钮文本改变颜色。

我正在使用 bootstrap,但不喜欢这种颜色,所以我只是使用相同的按钮,但更改了颜色。

但是,与 Bootstrap 按钮不同,当我将鼠标悬停在按钮上时,文本会从白色变为黑色

下面是我的:

@import 'https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css';
.btn-info1 {
color: white;
background-color: #004377;
border-color: #004377;
background-image: -webkit-linear-gradient(top, #004377 0, #004377 100%);
background-image: -linear-gradient(to bottom, #004377 0, #004377 100%);
background-repeat: repeat-x;
border-color: #00437;
}
<a class="btn btn-info1 slideText" href="/index.cfm/finder/" role="button" style="
">Find Now</a>

当它悬停并处于事件状态时,我该怎么做才能停止这样做?

谢谢

最佳答案

.btn-info1, .btn-info1:hover
{ text-decoration: none;
color: white; background-color: #004377; etc...}

只需要:hover样式

关于html - 悬停按钮时防止文本颜色发生变化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/39357457/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com