/* -----------------------------------------
PLACEHOLDER
----------------------------------------- */
// added ... if string is longer than field
input[placeholder] {text-overflow:ellipsis;}
input::-moz-placeholder {text-overflow:ellipsis;}
input:-moz-placeholder {text-overflow:ellipsis;}
input:-ms-input-placeholder {text-overflow:ellipsis;}
*::-webkit-input-placeholder {
color: #AEABAB;
transition: color 0.4s ease-in-out;
}
*:-moz-placeholder {
color: #AEABAB;
transition: color 0.4s ease-in-out;
}
*::-moz-placeholder {
color: #AEABAB;
transition: color 0.4s ease-in-out;
}
*:-ms-input-placeholder {
color: #AEABAB;
transition: color 0.4s ease-in-out;
}
*::-ms-input-placeholder {
color: #AEABAB;
transition: color 0.4s ease-in-out;
}
//Remove placeholder on field focus
input:focus::-webkit-input-placeholder {color: transparent;}
input:focus::-moz-placeholder {color: transparent;}
input:focus:-moz-placeholder {color: transparent;}
input:focus:-ms-input-placeholder {color: transparent;}
placeholder
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.