如何删除提交按钮上的灰色边框？

Question

所以我正在设计一个按钮，我似乎无法弄清楚如何覆盖它的一些默认样式

这是我的样式按钮

在单词下方有一个奇怪的边框提交一个有灰色的单词

这是我想要的输出：

你如何覆盖那个灰色边框的东西？

Answer 1

尝试为按钮元素的样式添加：outline: none。 你必须检查浏览器的显示，因为它看起来不同......

Answer 2

您可以尝试删除边框：border-style: none;并在您的CSS样式中添加outline-style: none;。

这样的事情：

＆＃13;

＆＃13;

button[type="submit"] {
  background-color: #4183D7;
  border-radius: 5px;
  border-style: none;
  box-shadow: #38549D 0 5px 0 0;
  color: #FFFFFF;
  outline-style: none;
  padding: 18px 60px;
}

＆＃13;

<button type="submit">SUBMIT</button>

＆＃13;

＆＃13;

＆＃13;