html - 如何用图像填充提交按钮？

Question

所以我有一个带有此代码的提交按钮:

<form method="post">
    <input name="submit" type="submit" class="icon" value=" "/>
</form>

在我的 CSS 中:

.icon{
    background-color:transparent;
    background-image:url(http://www.lcda.fr/pneu-expo/images/drapeau_rond_gb-on.png);
    height:20px;
    width: 20px;
    background-position:center;
    border:none;
    cursor:pointer;
    background-size: 100%;
}

但问题是图片(有 h:40px 和 w:40px)不会缩小以适应 20px 按钮...你们有什么解决办法吗？？ (如果可能，我宁愿不使用 javascript)

编辑: 正在工作。我只是删除了历史记录，现金并且它有效...... ty

Answer 1

试试这个:-

background-size:20px 20px;