如何更改bootstrap 3中导航栏按钮的线性渐变颜色?

时间:2014-04-29 17:09:06

标签: css css3 twitter-bootstrap twitter-bootstrap-3

Navigation bar with Linear Gradient Color in Button

当我将鼠标悬停在客户端应用程序按钮时,它会产生黑色线性渐变颜色......

如何更改黑色线性渐变颜色?

1 个答案:

答案 0 :(得分:2)

在样式表中添加与此类似的内容:

.navbar-nav > li > a:hover {
   background-image: linear-gradient(#020202, #101112 40%, #191B1D);
}

.navbar-default .navbar-nav > li > a:focus {
   background-color: #272B2E;
}

确保将十六进制值更改为您想要的颜色。

您可以详细了解liniar-gradient的工作原理on the MDN documentation page

来源:I looked at the slate bootswatch theme here