いくつかのスタイルを持つ単純な入力があります。
input {
display: block;
width: 100%;
padding: 4px 6px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
<input type="email" id="email" name="email" placeholder="Email">
コードは Firefox で問題なく動作します。ただし、Chrome では、入力がフォーカスされると、少し縮小されます (通常の状態よりも小さくなります)。この入力にボーダーボックスのサイズ変更を適用しようとしましたが、問題は解決しません。どうすれば修正できますか?