如何删除输入类型="提交"的阴影？

Question

我试图删除shadow一个<input type="submit" value="Login"/>内部,form但我不能删除它.

在官方文档中,它表示您可以将box-shadow属性设置为nonevalue.

价值:none| <shadow>[,<shadow>]*

但它不起作用.

#loginButton{
	font-size: 25px;
	border-radius: 5px;
	background-color: #ff751a;
	box-shadow: none;
}

<form action="login.html">
	<input id="loginButton" type="submit" value="Login"/>
</form>

我也尝试过!重要的例外,看看它是否与特异性有关,但它也不起作用.

#loginButton{
	font-size: 25px;
	border-radius: 5px;
	background-color: #ff751a;
	box-shadow: none !important;
}

<form action="login.html">
  <input id="loginButton" type="submit" value="Login"/>
</form>

我错过了什么吗？为什么我不能删除它？

提前致谢!

Answer 1

它不是盒子阴影,它是一个特殊的边框.只需指定任何边框,它就会消失.

#loginButton {
  font-size: 25px;
  border-radius: 5px;
  background-color: #ff751a;
  border: 1px solid silver;
}

<form action="login.html">
  <input id="loginButton" type="submit" value="Login"/>
</form>

Answer 2

它不是边框,所以你需要做边框:无;

#loginButton{
    font-size: 25px;
    border-radius: 5px;
    background-color: #ff751a;
    border:none;
}