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して
対応しました。
これにて一件落着です!
なぜか、safariでは4pxほど幅が大きくなって表示される??
ちょいと調べてみると、どうやらsafariのtextareaはデフォルトで
padding:2px となっているので、幅がfirefoxで表示するよりも4px長く
なっていたのが原因。
ただ、safariでpadding:0 で表示するとtextareaの枠線と、textarea内に表示している
文字が近く少々見づらいため
safari側にあわせて、textareaのスタイルをpadding:2px 、widthを元々の値から-4pxして
対応しました。
これにて一件落着です!
コメント
コメントを投稿