ทำ input type text แบบโปร่งใส ทำยังไงครับ ต้องกำหนด Css ยังไง

<input type="text" name="textfield" id="textfield" style="border:none;" />

<input type="text" name="textfield" id="textfield" style="border-top:none;border-left:none;border-right:none;
border-bottom:thin dotted #0000CC;" />

<input name="txt" type="text" id="txt" style="border-top-style: none; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-bottom-width: 1px;"/>

style=background-color:transparent