如何为输入标签设置背景图像？

Question

我有这个代码atm：

<form id="" class="cf" action="">
        <div class="input_wrap cf">
            <label for="test"></label>
            <input id="test" type="text">
        </div>
    </form>

这里是css代码：

    .test {
        display: inline-block;
        max-width: 100%;
        background: url("../img/magnifying_glass_icon.svg") no-repeat right;
}

哪里有问题？ 尝试了很多变种 谢谢

Answer 1

试试这个

#test 
{
  display: inline-block;
  max-width: 100%;
  background: url("../img/magnifying_glass_icon.svg") no-repeat scroll center right;
}

Answer 2

试试这个

.test {
        display: inline-block;
        max-width: 100%;
        background: url("../img/magnifying_glass_icon.svg") no-repeat scroll center right;
}