Twitter bootstrap 如何更改引导lg按钮的悬停颜色

Twitter bootstrap 如何更改引导lg按钮的悬停颜色,twitter-bootstrap,bootstrap-4,Twitter Bootstrap,Bootstrap 4,我正在使用Bootstrap 4在标题中创建一些按钮,例如此调用按钮: <a role="button" class="btn btn-lg" style="font-size:2em;" href="tel:XXXX XXXX"><strong>Ph: XXXX XXXX</strong></a> 这给了我想要的,除了当鼠标悬停在按钮上时,文本和边框变成浅蓝色。在悬停时我更喜欢浅灰色 如何进行此更改?蓝色悬停可能来自默认引导类?您只需将伪类:h

我正在使用Bootstrap 4在标题中创建一些按钮,例如此调用按钮:

<a role="button" class="btn btn-lg" style="font-size:2em;" href="tel:XXXX XXXX"><strong>Ph: XXXX XXXX</strong></a>
这给了我想要的,除了当鼠标悬停在按钮上时,文本和边框变成浅蓝色。在悬停时我更喜欢浅灰色


如何进行此更改?蓝色悬停可能来自默认引导类?

您只需将伪类
:hover
添加到类中,并使用
color
属性更改悬停时的文本和边框颜色,如下所示:

.btn-lg:hover {
    color: lightgrey;
}
以下是您的按钮的实时版本:


.btn lg{
背景:#ffee38;
颜色:#000;
边框:2倍实心;
}
.btn lg:悬停{
颜色:浅灰色;
}

如何轻松地包括加载(活动?)和访问状态?当链接加载新页面时,它们仍然会变为蓝色,而在iphone上单击链接后,链接伪类如下:
.btn-lg:hover {
    color: lightgrey;
}