这个奇怪的白色边框是什么';我的HTML输入提交按钮周围出现了什么?

这个奇怪的白色边框是什么';我的HTML输入提交按钮周围出现了什么?,html,css,background,submit,Html,Css,Background,Submit,这是一个截图 和我的CSS标记: .submitbutton { background: url("/Content/SiteImages/button.png") no-repeat scroll 0 0 transparent; color: white; cursor: pointer; height: 26px; width: 76px; margin-left: 8px; margin-top: 12px; } 另外,我希望背

这是一个截图

和我的CSS标记:

.submitbutton
{
    background: url("/Content/SiteImages/button.png") no-repeat scroll 0 0 transparent;
    color: white;
    cursor: pointer;
    height: 26px;
    width: 76px;
    margin-left: 8px;
    margin-top: 12px;
}
另外,我希望背景图像拉伸以适应按钮的尺寸。目前它显示的是全尺寸(我想)。对于这个新的HTML web开发人员有什么建议吗?

试着说

background: 0; outline: 0;
在上面

注意:这只能用于测试目的,禁用大纲会使使用键盘导航的人在关注按钮时无法收到反馈。


如果有效,请尝试使用更精细的轮廓。

HTML按钮总是有边框,只需设置
边框:0应该可以解决这个问题。

+1我唯一要添加的是宽度应该是背景图像的宽度。@PlagueEditor:是的,这是缺少的部分。如何将图像设置为拉伸以适合按钮?当前它的大小很大,超过了它的边界。您可以更改.submitbox的宽度以适合实际图像宽度,也可以调整图像大小以适合.submitbox宽度。背景中没有图像的大小调整。@Sergio我不确定html按钮是否允许您这样做,JQuery您可以这样做:
然后调整图像以填充div或其包装中的任何内容。但是您需要下载JQuery。