반응형
입력 및 텍스트 필드의 배경색?
양식의 텍스트 및 입력 필드에서 배경색을 변경하고 싶지만 이렇게하면 제출 버튼에도 영향을 미칩니다! 버튼에 영향을주지 않는 다른 방법으로 할 수 있습니까? 이 코드를 사용했습니다.
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
반응형
'Programing' 카테고리의 다른 글
자바 객체의 속성 덤프 (0) | 2020.11.24 |
---|---|
Objective-c에서 배열을 상수로 선언하는 방법은 무엇입니까? (0) | 2020.11.24 |
자바로지도 만들기 (0) | 2020.11.24 |
jQuery 선택기에서 css : hover 상태를 정의하는 방법은 무엇입니까? (0) | 2020.11.24 |
반복 요소가있는 목록 만들기 (0) | 2020.11.24 |