입력 및 텍스트 필드의 배경색?

입력 및 텍스트 필드의 배경색?

---

양식의 텍스트 및 입력 필드에서 배경색을 변경하고 싶지만 이렇게하면 제출 버튼에도 영향을 미칩니다! 버튼에 영향을주지 않는 다른 방법으로 할 수 있습니까? 이 코드를 사용했습니다.

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

---

input[type="text"], textarea {

  background-color : #d1d1d1; 

}

도움이되기를 바랍니다 :)

편집 : 작업 예제, http://jsfiddle.net/C5WxK/

---

가장 좋은 해결책은 input[type="text"]다른 사람들이 제안한 CSS ( ) 의 속성 선택기입니다 .

그러나 IE6를 지원해야하는 경우 사용할 수 없습니다 ( QuirksMode ). 글쎄, 당신이 그것을 지원해야하고 또한 기꺼이 지원할 경우에만.

이 경우 유일한 옵션은 입력 요소에 클래스를 정의하는 것 같습니다.

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

클래스 선택기로 대상을 지정하십시오.

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

---

당신은 너무 선택기 사용 text 형식입니다 입력 필드로 제한 할 input[type=text]것이 아니라 input(모든 입력 필드에 적용됩니다 (예를 들어 유형의 사람들은)뿐만 아니라 제출).

참고 URL : https://stackoverflow.com/questions/5617703/background-color-in-input-and-text-fields