我有以下引导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?