是否可以设置use background-size：contain，但是要填充？

Question

考虑此“搜索”字段：

.search {
    background-image: url("https://upload.wikimedia.org/wikipedia/commons/7/7e/Vector_search_icon.svg");
    background-repeat: no-repeat;
    background-position: left center;
    background-size: contain;

    font-size: 14pt;
    border: 1px solid black;
    background-color: #eee;
    padding: 0.2em;
}
.search:focus {
    background-image: none;
    background-color: #fafafa;
}

<input class="search" type="text" />

搜索图标拥抱文本字段的边框。在我当前的应用程序中，我只是通过编辑图像来提供图标，但是如果可以通过CSS强制执行填充，我真的很喜欢。

是否可以在元素中填充背景，但保持其边框填充？

就像这样：