html - 无法在 Bootstrap 按钮上将图像添加到文本

Question

我正在使用 Bootstrap，有时很难覆盖它。

我想在我的按钮上添加一些图片，靠近文本。所以我添加了背景图像，但它不适用。

这是我的按钮的css：

 .submit .report{
font-size: 18px;
text-shadow: none;
font-weight: bold;
padding: 5px;
width:300px;
color:white;
filter:alpha(opacity=100);
background: #628d28;
background-image:url('../images/picture.png') no-repeat;
}

但是 Firebug 说，我的元素有下一个 CSS：

  .submit .report{
font-size: 18px;
text-shadow: none;
font-weight: bold;
padding: 5px;
width:300px;
color:white;
filter:alpha(opacity=100);
background-image: none repeat color(98,141,40);

}

为什么我不能添加背景图片？

Answer 1

您定义了错误的背景属性。像这样写：

.submit .report{
background-color: #628d28;
background-image:url('../images/picture.png');
background-repeat:no-repeat;
}

或者

.submit .report{
    background: #628d28 url('../images/picture.png') no-repeat;
 }