入力タイプ= "submit"の影を削除するには？

Question

<input type="submit" value="Login"/>のshadowをformの中に削除しようとしていますが、削除できません。

official documentationには、box-shadowプロパティをnoneの値に設定できると記載されています。

値：none | <shadow> [<shadow>] *

ただし、動作しません。

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

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

私もそれがspecificityについての関連ものですが、それはまた、動作しないかどうかを確認するために!important exceptionてみました。

#loginButton{ 
 
\t font-size: 25px; 
 
\t border-radius: 5px; 
 
\t background-color: #ff751a; 
 
\t 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; 
}