Input text box style code example_Basic tutorial

To change the style of all forms through css, you can define a format like
input{color:red}
textarea{border:1px solid #333}
in css. Generally, if There is no need to change all text styles. You can define styles such as text boxes and password boxes through the following methods

<meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>New web page 1</title> <style> <!-- .username { width:130px; background:#FFFFFF url("/article/upimages/ico_username.gif") 2px 2px no-repeat; padding-left:18px;BORDER-RIGHT: #E7AD01 1px solid; BORDER-TOP: # E7AD01 1px solid; FONT-SIZE: 13px; BORDER-LEFT: #E7AD01 1px solid; COLOR: #000000; BORDER-BOTTOM: #E7AD01 1px solid; HEIGHT: 20px } --> </style> <table cellspacing="0" cellpadding="0" width="100%" border="0" id="table1"><tr> <form name="myform" method="post" action=""> <td class="login_td">Username:<input class="username" onmouseover="this.style.borderColor='#99E300'" onmouseout="this.style.borderColor='#A1BCA3'" maxlength="12 " name="UserName"> </td> </form> </tr></table>
[Ctrl A Select all Note:If you need to introduce external Js, you need to refresh to execute]