从输入框中删除灰色边框

Question

我已经把它放在JSFiddle上了。

https://jsfiddle.net/d1Lgm0g1/1/

body {
    background-color: #7f8183;
}

.search-button {
    width: 26px;
    height: 26px;
    background-image: url(https://cdn1.iconfinder.com/data/icons/MetroStation-PNG/252/MB__search.png);
    background-size: 26px, 26px;
    display: inline-block;
    padding-bottom: 2px;
    opacity: 0.7;
    text-indent: 0em;
}

<input type="image" name="input" id="ImageButton1" class="search-button" src="" value="&nbsp;">

正如您所看到的，我的图像周围有一个灰色（边框？）。我尝试了很多不同的CSS值，即border:none，-webkit-appearance: none，box-shadow: none没有效果。它不是填充，就好像填充一样，它出现在灰色框周围。