立即登录 马上注册
首页 › 开发帮助文档 › 开发技术 › input文本框样式代码实例

赞

评论

收藏

[Html/CSS] input文本框样式代码实例

开发技术 开发技术 发布于：2021-07-21 12:02 | 阅读数：382 | 评论：0

通过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"  onmouseout="this.style.borderColor='#A1BCA3'" maxLength="12" name="UserName"></td>      </form>    </tr>    </table>  </body>  </html>
  [Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]

关注下面的标签，发现更多相似文章
免责声明：

1. 本站所有资源来自网络搜集或用户上传，仅作为参考不担保其准确性！

2. 本站内容仅供学习和交流使用，版权归原作者所有！© 查看更多

3. 如有内容侵害到您，请联系我们尽快删除，邮箱：kf@codeae.com

分享到： QQ好友和群QQ好友和群 QQ空间QQ空间

举报

返回列表
相关帖子
avatar
1077 经验
1077 文档
OPNE在线字典
  • 手机版| 免责声明|
2021-2025  版权所有：CodeAE代码之家   
粤ICP备2023096576号-2