[轉]輸入框對齊問題

Ghost 發表於 [2009-07-17 15:00]

最近做了一個表單的頁面，被輸入框的對齊問題煩死了，相信覺得煩的不只我一個，整理下相關的代碼，包括輸入框內、外文字的對齊。希望對大家有用：

<label><input type="radio" name="info_name" />名稱</label>
<label>名稱：<input type="text" class="input_text l_type" /></label>

input{
vertical-align:middle;
}
input[type="radio"]{
vertical-align:-1px;
vertical-align:middle\9;
}
.input_txt{
height:18px;
height:22px\9;
padding-left:1px;
padding-top:4px;
padding-top:0\9;
border:1px solid #B3D0DF;
*line-height:22px;
}

另外，跟大家分享下這次發現的終級hack，比之前《 最新CSS兼容方案 》的簡單些：

.e{
color:#FFF;/* FF,OP */
[;color:#0F0;]/* Sa,CH */
color:#FFF\9;/*IE6、7、8*/
*color:#FF0;/* IE7、6 */
_color:#F00;/* IE6 */
}
@media all and(min-width:0){
    .e{
        background-color:#FF5500;/* OP */
    }
}

 

文章地址：http://www.cssforest.org/blog/index.php?id=141

《[原]輸入框對齊問題》採用的授權是創作共用的 “署名-非商業性使用-相同方式共享 3.0 通用許可”.