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

2023年12月24日 234次阅读

我正在使用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);

}

为什么我无法添加背景图片？

最佳答案 您定义了错误的背景属性.像这样写：

.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;
 }
点赞