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;
 }