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

概述所以我有一个提交按钮,代码如下： <form method="post"> <input name="submit" type="submit" class="icon" value=" "/></form> 在我的CSS中： .icon{ background-color:transparent; background-image:url(http://www.lcda 所以我有一个提交按钮,代码如下：

<form method="post">    <input name="submit" type="submit"  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

解决方法 试试这个 ： –

background-size:20px 20px;

总结

以上是内存溢出为你收集整理的html – 如何用图像填充提交按钮？全部内容，希望文章能够帮你解决html – 如何用图像填充提交按钮？所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。