input文本框样式代码实例


答案：通过css来更改所有的form的样式的方法，可以在css中定义
input{color:red}
textarea{border:1px solid #333}
这样的格式，一般如果不需要更改所有的文本样式，可以通过下面的方法来定义文本框和密码框等样式
<html>  

<head>  
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">  
<title>新建网页 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>  
</head>  

<body>  

<table cellSpacing="0" cellPadding="0" width="100%" border="0" id="table1">  
    <tr>  
        <form name="myform" method="post" action="">  
            <td class="login_td">用户名：<input class="username" onmouseover="this.style.borderColor='#99E300'" onmouseout="this.style.borderColor='#A1BCA3'" maxLength="12" name="UserName"></td>  
        </form>  
    </tr>  
    </table>  

</body>  

</html> 

  [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

上一个：淘宝段正淳的css笔记大全第1/4页
下一个：ul+li及css制作韩国风格菜单代码

更多图片编程知识: