Цвет фона во входных и текстовых полях?

Я хотел бы изменить цвет фона в текстовых и входных полях формы, но когда я это делаю, это также влияет на кнопку отправки! Может ли это быть сделано каким-то другим способом, который не влияет на кнопку? Я использовал этот код:

input, textarea {
  background-color : #d1d1d1;
}
3 56
css

3 ответа:

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

надеюсь, что это поможет :)

Edit: рабочий пример,http://jsfiddle.net/C5WxK/

104

лучшим решением является селектор атрибутов в CSS (input[type="text"]) как предлагали другие.

но если вы должны поддерживать IE6, вы не можете использовать его (QuirksMode). Ну, только если у вас есть, а также готовы поддержать его.

В этом случае ваш единственный вариант, кажется, чтобы определить классы элементов ввода.

<input type="text" class="input-box" ... />
<input type="submit" class="button" ... />
...

и нацелить их с помощью селектора класса:

input.input-box, textarea { background: cyan; }
7

вы хотите ограничить поля ввода, которые имеют тип текста, поэтому используйте селектор input[type=text], а не input (который будет применяться ко всем полям ввода (например, тип submit)).

3