背景图片与背景颜色的问题_html/css_WEB-ITnose

昨天在做输入框的时候，遇到了点问题，先给效果图吧。

效果图如下：

源代码如下：

#search-input{

    border: none;

    border-radius: 6px;

    height: 35px;

    width: 62%;

    margin-left: 3%;

    margin-right: 3%;

    font-size: 0.9rem;

    font-weight: 600;

    text-align: center;

    background-color: #d7d7d9;

    background: url(../images/search.png) no-repeat 3% center;

    background-size: 17px;

    padding: 0 8%;

}

效果图如下：

所以可以写为：

background: #d7d7d9 url(../images/search.png) no-repeat 3% center;

效果如下所示：