灰色风格表单样式,只有用户的鼠标点击文本框后才改变该文本框的背景颜色,您自定义颜色。
<html> <head> <meta http-equiv="content-Type" content="text/html;charset=gb2312"> <meta name="keywords" content="武鸣人网站,武鸣信息网,武鸣本地网,武鸣信息资源平台,减肥,健身,励志,励志语录,js特效,网页特效,www.wuming.ren"> <meta name="description" content="欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。"> <title>灰色风格表单样式css代码_武鸣人</title> <style type="text/css"> <!-- body{ font-family: verdana,font-size: 12px;color: #FFFFFF;background-color:#ffffff} .www_wuming_ren { font-size: 10px;font-family: Verdana } .input1{ font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; } .input1-bor { font-family:verdana;background-color:#F0F8FF;font-size: 12px; border: 1px solid #333333;} .www_wuming_ren {font-size: 10px;font-family: Verdana } .input1 {font-family: verdana;background-color: #EEEEEE;border-bottom: #FFFFFF 1px solid;border-left: #CCCCCC 1px solid;border-right: #FFFFFF 1px solid;border-top: #CCCCCC 1px solid;font-size: 12px; } --> </style> </head> <body> <a href="https://www.wuming.ren">武鸣人</a>,各种信息资源免费发布,分享励志语录经典短句,减肥健身常识,各种js特效代码。网站很好记住,wuming.ren(武鸣拼音.ren域名后缀)<hr> <!--欢迎来到武鸣人信息资源平台,各种信息免费发布,资源共享合作共赢,分享互联网流行的励志语录经典短句,减肥健身健康小常识及打卡记录,收集各种js特效代码。--> <script type="text/javascript" src="https://www.wuming.ren/ad/tc.js"></script> <script type="text/javascript" src="https://www.wuming.ren/ad/a.js"></script> <table cellspacing="2" cellpadding="0" width="300" border="0"> <tr> <td><font class="www_wuming_ren">姓名:</font> </td> <td><input size="40" name="name" class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td> </tr> <tr> <td><font class="www_wuming_ren">邮箱:</font></td> <td><input size="40" name="email" class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td> </tr> <tr> <td><font class="www_wuming_ren">网址:</font></td> <td><input size="40" name="url" class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td> </tr> <tr> <td><font class="www_wuming_ren">主题:</font></td> <td><input size="40" name="subject" class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></td> </tr> <tr> <td><font class="www_wuming_ren">内容: </font></td> <td><textarea name="message" cols="39" rows="5" class="input1" onblur="this.className='input1'" onfocus="this.className='input1-bor'"></textarea></td> </tr> </table> </body> </html>
本文来自武鸣人网站,转载请注明出处