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

Question

我正在尝试删除shadow内的<input type="submit" value="Login"/> form，但我无法将其删除。

在official documentation上，它表示您可以将box-shadow属性设置为none值。

  

价值：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>

我还尝试使用!important exception来查看它是否与specificity相关，但它也不起作用。

#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;
}