Форматирование тега <input>

264
26 ноября 2016, 18:39

Почему не все стили для <input> срабатывают, в частности color?

.stay-input { 
  background: none; 
  width: 211px; 
  height: 45px; 
  opacity: 0.75; 
  color: white; 
  font-family: 'Roboto', sans-serif; 
  font-size: 14px; 
}
<form> 
  <input type="email" name="email-newsletter" placeholder="Subscribe our newsletter" class="stay-input"> 
</form>

Answer 1

Потому что вы видимо хотите стилизовать placeholder

.stay-input { 
  background: none; 
  width: 211px; 
  height: 45px; 
  opacity: 0.75; 
  font-family: 'Roboto', sans-serif; 
  font-size: 14px; 
} 
 
::-webkit-input-placeholder {color:#c0392b;} 
::-moz-placeholder          {color:#c0392b;}/* Firefox 19+ */ 
:-moz-placeholder           {color:#c0392b;}/* Firefox 18- */ 
:-ms-input-placeholder      {color:#c0392b;}
<form> 
  <input type="email" name="email-newsletter" placeholder="Subscribe our newsletter" class="stay-input"> 
</form>

READ ALSO
Кросбраузерная верстка формы c Stylus или Css
CSS

Кросбраузерная верстка формы c Stylus или Css

Нужно сверстать часть формы наиболее эффектным и красивым способомЛинии под полем ввода являются изображениями (прилегают к правому краю)

 313
Ломается верстка при масштабе 25-33%
CSS

Ломается верстка при масштабе 25-33%

Cверстал страницу, всё работает, но когда я меняю масштаб до 25% - 33%, то вёрстка частично ломается, подскажите в чем беда?

 394
Как сделать такие кнопки?
CSS

Как сделать такие кнопки?

Есть 4 ссылки на странице сайта:

 200
Как стилизовать radio кнопку в contact form wordpress?
CSS

Как стилизовать radio кнопку в contact form wordpress?

В продолжение вопроса по стилизации радио кнопок с которым удалось успешно справиться, теперь есть необходимость адаптировать их для формы...

 405