我有以下引导HTML:

<div class='input-group'>
    <input class='form-control' />
    <span class='input-group-addon btn btn-primary'><i class='fa fa-chevron-down'></i></span>
</div>


input-group-addon具有覆盖btn-primary图像的背景图像集,因此它显示为灰色而不是我的btn-primary颜色。

我认为此CSS可以解决此问题:

.input-group .input-group-addon:not(.btn-primary) {
    background-color: none;
}


但它似乎不起作用。当我查看chrome中的元素时,这种风格甚至都没有显示出来。

我在做什么错,如何显示按钮颜色而不是输入组附加颜色?

最佳答案

您需要显式设置跨度的背景。当元素没有背景时,其后面的颜色或图像就会显示出来。

相关地,none没有任何background-color值。默认值为transparent

Is background-color:none valid CSS?

10-05 20:56
查看更多