去掉文本框的外边框

通常意义上的文本框都是这个样子的

<div>
文本框：<input  type="text" name="wenben" value="wenben"/>
</div>

　　

可是有时候 这个边框在 会显得很丑 特别 别扭 所以就想可不可以去掉  向班长请教过之后 知道 这样就可以了

<div style="margin:100px;">
文本框：<input  style="border:0px; outline:none;  type="text" name="wenben" value="wenben"/>
</div>