safariとfirefoxでのtextareaの違い

firefoxでheightとwidthを指定して表示していたtext areaが
なぜか、safariでは4pxほど幅が大きくなって表示される??

ちょいと調べてみると、どうやらsafariのtextareaはデフォルトで
padding:2px となっているので、幅がfirefoxで表示するよりも4px長く
なっていたのが原因。

ただ、safariでpadding:0 で表示するとtextareaの枠線と、textarea内に表示している
文字が近く少々見づらいため
safari側にあわせて、textareaのスタイルをpadding:2px 、widthを元々の値から-4pxして
対応しました。

これにて一件落着です!

コメント

人気の投稿