html - 灰色边框出现在 chrome 中的错误

Question

我已经应用了以下 html

<input type="image" value="Search" class="button" src="" onclick="this.form.searchword.focus();">

这是CSS...

#header form .button
{
    /*border:solid 1px #999;*/
    background:#664335 url(../images/btn-search.jpg) no-repeat ;
    /*color:#fff;*/
    display: inline-block;
    font-size: 0;
    width: 16px;
    height: 20px;
    vertical-align: middle;
    background-color: transparent !important;
    border: none;

}

我尝试删除宽度和高度并为其设置填充值，但没有成功。当我搜索不同的问题时，我开始知道如果未应用 src 属性，则会出现边框。但就我而言，我无法编辑标记，所以有什么方法可以消除该错误。

无论如何，我通过使用 jquery 将类型图像更改为按钮来解决它。

Answer 1

应用 CSS:

#header form .button {
border: solid 1px #999;
background: #664335 url(../images/btn-search.jpg) no-repeat;
color: #fff;
display: inline-block;
font-size: 0;
width: 16px;
height: 20px;
vertical-align: middle;
background-color: transparent !important;


// delete this
border: none;


}