2012-10-20 58 views
0

我下载了一个Bootstrap主题 - 并试图改变按钮的颜色(在此链接的右上角:http://twcc.se/onepageproduct/) - 我似乎无法替换主蓝色(主动按钮)例如深红色......Bootstrap主题按钮

真的不确定为什么这不起作用 - 我试图改变连接到按钮的CSS元素。

+2

大概是因为它使用的背景图片渐变着色,其覆盖的任何背景颜色。使用Chrome的内置工具或例如Firebug来玩弄CSS。 –

回答

1

只是去他们general.css线114

.navbar .nav .active a { 
-moz-border-bottom-colors: none; 
-moz-border-left-colors: none; 
-moz-border-right-colors: none; 
-moz-border-top-colors: none; 
background: -moz-linear-gradient(center top , #92DBFF 0%, #4FB6E9 5%, #39A0D3 100%) repeat scroll 0 0 #FFFFFF; 
border-color: #3CA3D7 #3799CA #338BB8; 
border-image: none; 
border-radius: 16px 16px 16px 16px; 
border-style: solid; 
border-width: 1px; 
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); 
color: #FFFFFF; 
text-shadow: 0 -1px 0 #3799CA; 

}

更改背景颜色永远你所需要的。

注:他们正在使用渐变按钮 使用此Link1Link2进一步的细节

+0

感谢您花时间回复Vivek! 我会继续玩这个general.css - 代码是有点不同的CSS(他们使用RGB)...但我会继续尝试!并感谢您的链接:)非常有用! –

+0

当然会看看 –

+1

他们只是把他们的十六进制值转换为rgb值,如果你知道你的十六进制值只是谷歌他们,并得到他们的rgb值:) –