我正在使用twitter引导和我自己的css来实现一些东西。
我想做的是，所有的输入字段，如用户名，密码和搜索，选择它们时，边框变为蓝色，我想把它改为黑色。
另一件事是，我用的是导航条逆。它有下拉列表。当我单击下拉列表并将鼠标悬停在元素列表上时，它默认为蓝色。我也在试着把那个悬停的东西改成黑色。我怎样才能做到这一点？
现在这些都是我试过的。我试着用firebug元素检查，它总是在bootstrap.min文件中显示一些内容。不过，我找不到任何与悬停有关的东西，我有点虚弱，当谈到过渡的事情，虽然我不确定它是否与过渡有关。我做的另一件事是，我从variables.less文件中编辑了值08c到000，并对其进行了编译，得到了一个引导文件，其中包含了更改后的值，但仍然只显示默认颜色。
请帮我达到这些效果。
谢谢您！
最佳答案
首先，我建议不要编辑引导样式表，除非您必须这样做。更好的做法是重写您自己样式表中的特定引导类（确保您的样式表是web页面加载的最后一个）。由于您使用更少的资源，您还可以将引导样式表导入到自己的样式表中，并使用@import "path/to/bootstrap.min.css"
要更改下拉菜单中项目的颜色，可以使用“element:hover”作为css选择器。在bootstrap中，我相信它会是这样的：
.dropdown-menu > li > a:hover {
/* styles */
}
更改表单“glow”的颜色要复杂一些，因为它实际上不是一个边框。我建议您在这里查看有关此效果的简要说明：http://www.scriptcult.com/subcategory_97/article_635-glow-on-focus-input-form-fields.html
这个jsfiddle演示了重写默认下拉样式和上面文章中讨论的输入辉光：http://jsfiddle.net/2UPan/3/
我希望这有帮助！
关于html5 - 在Bootstrap中更改悬停效果的样式和字段选择，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/13756462/