给input placeholder属性 用css3样式美化

给input placeholder属性 用css3样式美化


input::-webkit-input-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input::-moz-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input:-o-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input:-ms-input-placeholder {
opacity: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}
input:input-placeholder{
opacity: 1;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}
input:focus::-webkit-input-placeholder {
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input:focus::-moz-placeholder {
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input:focus:-o-placeholder {
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input:focus:-ms-input-placeholder {
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}

input:focus:input-placeholder {
opacity: 0;
-webkit-transition: opacity .3s ease;
-o-transition: opacity .3s ease;
transition: opacity .3s ease;
color: #9dadbb
}