0

いくつかのスタイルを持つ単純な入力があります。

 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 では、入力がフォーカスされると、少し縮小されます (通常の状態よりも小さくなります)。この入力にボーダーボックスのサイズ変更を適用しようとしましたが、問題は解決しません。どうすれば修正できますか?

4

1 に答える 1