placeholder
兼容写法:
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
color: pink;
}
::-moz-placeholder { /* Firefox 19+ */
color: pink;
}
:-ms-input-placeholder { /* IE 10+ */
color: pink;
}
:-moz-placeholder { /* Firefox 18- */
color: pink;
}
支持的属性:
font
propertiescolor
background
propertiesword-spacing
letter-spacing
text-decoration
vertical-align
text-transform
line-height
text-indent
opacity
案例1:input的placeholder内容居中,光标不居中
input {
width: 150px;
}
input::-webkit-input-placeholder {
padding-left:30px;
}
案例2:某些placeholder上下不居中
调整line-height属性