Placeholder fix
HTML
<div>
<form id="application" action=" res/application.php" method="POST" name=" application ">
<input name="name" type="text" id="applicationName" maxlength="20" placeholder="Введите Ваше имя" required />
<input name="email" type="text" id="applicationEmail" maxlength="35" placeholder="Введите Ваш E-mail" required/>
<input name="telephone" type="text" id="applicationTelephone" maxlength="20" placeholder="Введите Ваш телефон" required />
<input name="message" type="text" id="applicationMessage" maxlength="200" placeholder="Введите сообщение" class="message" required />
<button class="applicationButton" type="submit" form="application"><center>ОТПРАВИТЬ</center></button>
</form>
</div>
CSS
/* Стили формы */
#application {
width: 394px;
margin: 6px;
}
/*Стили полей для ввода*/
#applicationName, #applicationEmail, #applicationTelephone {
width: 394px;
height: 73px;
background: none;
margin-top: 15px;
margin-left: 0px;
border: 1px solid #2b3277;
border-radius: 1px;
text-align: center;
color: #2b3277;
font-size: 24px;
}
/*Стили полей для ввода*/
#applicationMessage {
width: 394px;
height: 200px;
background: none;
margin-top: 15px;
margin-left: 0px;
border: 1px solid #2b3277;
border-radius: 1px;
text-align: center;
color: #2b3277;
font-size: 24px;
cursor: text;
}
/*Стили полей при клике по ним*/
#applicationName:focus, #applicationEmail:focus, #applicationTelephone:focus, #applicationMessage:focus {
border: 1px solid #30ad64;
}
/*Стили текста, выводящегося в placeholder*/
::-webkit-input-placeholder {
color: #efefef;
font-family: 'GOST type B', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
::-moz-placeholder {
color: #2b3277;
font-family: 'GOST type B', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
} /* Firefox 19+ */
:-moz-placeholder {
color: #2b3277;
font-family: 'GOST type B', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
} /* Firefox 18- */
:-ms-input-placeholder {
color: #2b3277;
font-family: 'GOST type B', sans-serif;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
::placeholder {
color: #fff;
text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
/*Стили для кнопки*/
.applicationButton {
margin-top: 15px;
background: #2b3277;
border: none;
width: 398px;
height: 100px;
border-radius: 1px;
color: #2b3239;
font-size: 28px;
text-transform: uppercase;
font-family: 'GOST type B', sans-serif;
text-align: center;
}
.applicationButton:hover {
background: #2b3239;
width: 398px;
height: 100px;
color: #2b3239;
...