CSS杂记-background属性

CSS杂记-background属性

刚在项目中遇到个问题就是我的一个日期选择的input框设置了背景色和背景图片，结果只有背景色没有背景图片，话不多说先上代码
.filter .item input[type=text] {
width: 150px;
height: 30px;
background: #fff;
border: 1px solid #C7D8E1;
outline: none;
}
.wicon {
background-image: url(../dateTime.png);
background-repeat: no-repeat;
background-position: right center;
}

结果审查元素发现是background：#fff把background-image的属性给覆盖了，所以要解决这个问题只需要把第一个的background的属性改为background-color:#ffffff即可，效果图如下：