html - 如何删除提交按钮上的底部和右侧框阴影？

Question

我对这个话题做了很多研究，但找不到正确的答案。

我有一个输入按钮，我希望它有一个白色背景的灰色边框。但是当我将背景设置为白色时，它会自动在按钮的底部和右侧创建一个类似边框的阴影。我似乎无法删除它。下面是 css 代码和 HTML

任何帮助将不胜感激。谢谢!

CSS:

  input{
  display: inline-block;
  height: 40px;
  width: 380px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  background-color: white;
}

HTML:

<input id="sign_in"  type="submit" value="Sign In">

Answer 1

你说你想在你的按钮周围加一个灰色边框，但你还没有在你的 CSS 中应用它。

更新你的CSS:

input{
  display: inline-block;
  height: 40px;
  width: 380px;
  cursor: pointer;
  font-weight: bold;
  font-size: 14px;
  background-color: white;
  border: 2px solid grey;  /*Add your border property*/
}