如何更改悬停时的背景颜色？

问题描述：

我有这个按钮：

<input type="button" class="btn btn-sm" id="btnExecute" value="Submit" />

我怎样才能使按钮背景上的黑色和白色的文字，但在鼠标悬停我想使白色的背景和黑色文字？

预计你至少尝试为自己的代码这一点。堆栈溢出不是代码写入服务。我建议你做一些[**额外的研究**]（http://meta.stackoverflow.com/questions/261592/how-much-research-effort-is-expected-of-stack-overflow-users），无论是通过谷歌或通过搜索，尝试和。如果您仍然遇到麻烦，请返回**您的代码**并解释您所尝试的内容。 –

这太令人难以置信了。 –

答

以下是您可以轻松做到的方法。只需使用CSS设计它，并使用:hover规则。

#btnExecute { 
 
    background-color: black; 
 
    color: white; 
 
} 
 
#btnExecute:hover { 
 
    background-color: white; 
 
    color: black; 
 
}

<input type="button" class="btn btn-sm" id="btnExecute" value="Submit" />

它应该工作就是这样，但如果引导尝试覆盖它，只需添加!important的设置。

答

可以应用CSS和做

--CSS--

btn btn-sm:hover { 
    background-color: white; 
}

当不悬停时不会设置背景或颜色，也不会在悬停时将文本颜色设置为黑色。 – freginold

如何更改悬停时的背景颜色？

相关推荐