forms - テキスト領域のブラウザの不整合

Question

FFでテキスト領域を表示すると、正しい幅（col = 30）が表示されますが、IEとChromeではかなり小さくなっています。とにかくこれを修正しますか？明らかに、幅を広げるとすぐにIEとChromeで見栄えが良くなりますが、FFでは広すぎます。

input, textarea
{
border: 1px solid #D8CAB8;
display:block;
}


.submit input, .submit textarea
{
color: #000;
background: #ffa20f;
border: 2px outset #d7b9c9;
}

HTML

 <input type="image" value="submit" src="assets/images/submit_btn.png" width="85" height="26" border="0" alt="submit" name="submit">

Answer 1

幅と高さを属性ではなくCSSプロパティとして設定します。これは基本的に、ブラウザが従う標準を拒否し、グローバルであるCSSの定義済みプロパティを使用できるようにするためです。