/* -----------------------------------------
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;}
input:focus,
select:focus,
textarea:focus,
button:focus {
box-shadow: 0 0 3px #648880;
}
body input:required:invalid,
body textarea:required:invalid {
}
body input:required:valid,
body textarea:required:valid {
}
inputs-set
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.