DIV+CSS input样式简单控制
来源：互联网 发布：ftp网络错误10053 编辑：程序博客网 时间：2024/06/07 05:49
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style>input.username,input.password{border:2px solid yellow;vertical-align:middle; /*兼容性问题：如果没有，那么下面的那个input框旁边的”用户“在不同的浏览器可能就不是垂直居中对齐了*/height:30px;width:200px;background:#CCC;line-height:30px; /*兼容性问题：如果没有，那么下面的那个input框里面的内容在不同的浏览器可能就不是垂直居中对齐了*/}input.username:focus,input.password:focus{background:#999;}input.submit{border:2px solid yellow;/*这个效果IE6 7都不支持*/}</style></head><body><div><label> 用户：<input type="text" name="username" class=" username"> 密码：<input type="password" name="passsword" class="username" ><br> <input type="submit" value="提交" class="submit" /></label></div></body></html>
