仅Edge浏览器中报告表格内按钮背景图片被截断兼容修复方案求助

Edge浏览器对<input type="button">元素的默认内边距、背景定位初始值和其他浏览器存在差异，你当前的样式未显式声明这些属性，导致Edge使用默认规则渲染时背景图被裁切。以下是不影响其他浏览器正常显示的简易修复方案：

• 显式设置padding: 0清除按钮默认内边距，避免内边距挤压背景显示区域
• 增加height: 25px和宽度保持一致，固定按钮尺寸
• 补充background-position: center让背景图始终居中显示，不会出现偏移裁切

修改后的完整CSS代码如下：

input.mybutton {
        background-image: url(/images/email.png);
        background-size: 15px;
        background-color: transparent;
        background-repeat: no-repeat;
        width: 25px;
        height: 25px; /* 新增：固定按钮高度 */
        padding: 0; /* 新增：清除默认内边距 */
        background-position: center; /* 新增：背景图居中 */
        border: none;
        cursor: pointer;
}

以上新增的三个属性均兼容所有主流浏览器，不会破坏Chrome、Firefox、IE下的原有显示效果，修改后Edge下的图标截断问题即可解决。

内容的提问来源于stack exchange，提问作者Don Merlin