<li>密 码:
<input name="password" type="password" class="uTxt" value=""/>
</li>
显示如下效果,ie6、ie7中兼容
要记住这“三剑贱”(红色部分):
li {
height: 50px; line-height: 50px; vertical-align:middle; font-size: 14px; margin-top:8px; margin-bottom:12px; }
input {
height: 30px;line-height: 30px; vertical-align:middle;
font-weight: bold;
width: 232px;
left: 0; top: 50; background-position: 0 -50px; border: 0 none; color: #666666; margin-top:8px; margin-bottom:12px;}
如果在input样式里面没加上
height: 30px;line-height: 30px; vertical-align:middle;
这一部分,在ie8+、ff中显示没问题,但在ie6、ie7中有问题,故应加上。
2012、11、4深夜还有一个感触很深的总结:盒子之间为了显示间距,尽量用padding,而不用margin,因为用margin在不同浏览器中都有或多或少的差异。