input typeはデフォルトでブラウザーである程度の装飾をつけてしまいます。
逆にこれが邪魔をしてしまうので、一回、下記のようなCSSのコードでリセットするといいようです。
input[type=”text”], input[type=”email”], select, textarea {
// 初期化
box-shadow: none;
background: #FFFFFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 0;
color: inherit;
font-family: inherit;
font-size: カンプのサイズpx;
resize: none;
// 初期化終了
他、ラジオボタンやチェックボタンなども同じようなリセットをして、新たに、CSSでデザインカンプに近づけていく方法を取ります。
