Css 删除输入标签下的灰色区域

可能是一个简单的问题，但它让我目前感到困惑。我有一个输入标记（文本），奇怪的是，它在表单中的任何内容周围设置了灰色背景。下面有一张图片显示了这个问题

请参阅下面的代码：

<form type="submit" action="#">
    <input name="location" type="text" class="form-control" placeholder="location"/>
    <input type="submit" value="Search" class="btn btn-success mt-2"/>
</form>

我使用的是Bootstrap4，没有任何修改

奇怪的是，当使用Google Chrome、Safari或Mozilla Firefox进行检查时，灰色区域会完全消失，表单看起来也应该如此

当删除提交标签时，灰色区域消失，任何其他包含的标签似乎都会得到相同的结果，因此我认为是文本输入导致了问题

非常感谢您的帮助，如果您需要更多信息，请告诉我。

使用

上的

type=“form”

设置CSS

-webkit外观：按钮，使整个表单看起来像一个按钮

reboot.scss，第359行：

[type=reset], [type=submit], button, html [type=button] {
    -webkit-appearance: button;
}

看

不典型地有<代码>类型属性，所以你可以考虑删除它。
我已经在墙上对着墙撞了一小会儿了！完全错过了！谢谢我知道这种感觉！很高兴成为你的第二双眼睛。