Как отформатировать текст в поле ввода с помощью CSS

Question

Как отформатировать текст в поле ввода с помощью CSS

0

Я пытаюсь изменить цвет шрифта текста заполнителя, который появляется в поле ввода, прежде чем посетитель напечатает любой текст.

Вот мой пример http://santa.parseapp.com/

См. Текстовые поля в нижней части страницы. Я думаю, что он использует таблицу стилей пользовательского агента в данный момент, что означает, что элементы формы не имеют стилей?

Я не уверен, какой элемент мне нужно настроить с помощью CSS. Вот что я пошел:

form input[type=text] {
  width: 300px;
  margin-bottom: 7px;
  font-size: 20px;
  border: 0;
  padding: 5px 7px;
  background-color: #FF2950;
  color: #fff;
  }

Dano007 30 нояб. 2013, в 11:05

Источник

0

Покажите, что вы пытались
Zword 30 нояб. 2013, в 10:09
0

Я добавил код, где находится поле ввода.
Dano007 30 нояб. 2013, в 10:14

Теги:

html

css

2 ответа

0

Проверьте эту скрипту:

http://jsfiddle.net/7r2d9/1/

form input[type=text]:focus {
  color: black;
}

Zword 30 нояб. 2013, в 08:09

0

Спасибо за решение.
Dano007 30 нояб. 2013, в 10:31

Ещё вопросы

Я добавил код, где находится поле ввода.

Josh Hunt · Accepted Answer · 2013-11-30T08-47-00.000Z

Похоже, вы ищете стиль текста заполнителя, да?

Вообще говоря, текст заполнителя получает тот же стиль, что и сам элемент, кроме цвета. Таким образом, в вашем примере текст-заполнитель будет иметь color: grey и font-size: 20px.

Если вы хотите настроить таргетинг на текст заполнителя, вам необходимо использовать: placeholder psuedo-class:

::-webkit-input-placeholder {
   color: blue;
}

::-moz-placeholder {
   color: blue;
}

:-ms-input-placeholder {  
   color: blue;
}