按钮没有取css属性

时间:2015-04-19 22:27:19

标签: css

所以我在button内有一个div。我想制作font-weight: bold所以我把它放在CSS中。我启动了网站,按钮的文字不是粗体。然后我用Firebug检查它,font-weight: bold甚至没有?当我在firebug中手动输入时,我的文本变为粗体,就像我想要的那样。

我正在使用bootstrap,这是按钮的CSS:

.btn-primary {
   background: url("../img/bg-nav.png") repeat-x scroll left bottom #198901;
   color: #ffffff;
   font: 17px "bowlby_oneregular",sans-serif !important;
   font-weight: bold;
   text-transform: uppercase;
}

我觉得奇怪的是它没有出现在Firebug上,然而当我把它放在Firebug上时它可以工作

1 个答案:

答案 0 :(得分:2)

有两种解决方案:

删除!important

font:17px "bowlby_oneregular",sans-serif;
font-weight:bold;

拆分速记属性:

font-size:17px;
font-family:"bowlby_oneregular",sans-serif;
font-weight:bold;

确切的解决方案取决于您希望如何应用字体。但我只是重写你的代码,以便永远不需要!important