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

Question

这是截图。

我的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开发人员的任何提示？

Answer 1

HTML按钮始终有边框，只需设置border:0;即可解决此问题。

Answer 2

尝试陈述

background: 0; outline: 0;

就可以了。

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

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