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，比之前《 》的简单些：

.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 

*/

    

}

}

 

文章地址：

《 》采用的授权是创作共用的 .