[html][css]textareaの枠線を非表示にする

昨日に引き続き、今日もtextareaのお話。

スクロールバーを非表示にすることはできたのですが、枠線があって、なんだか不恰好。
枠線を非表示にしたいなーと思ってぐぐったら、textareaのstyle属性で、border:noneにすれば非表示にできました。

というわけで、改めてブログで検証

まずは、普通の枠線が表示される状態

<TEXTAREA>枠線が表示されてす。</TEXTAREA>

枠線が表示されてす。

次は、枠線が非表示になる状態

<TEXTAREA style="border:none;">枠線が非表示になっています。</TEXTAREA>

枠線が非表示になっています。

と枠線を削除することができました。

これに前回のスクロールバーの非表示を組み合わせれば、普通のテキスト表示みたいにできるところが便利かなと。