드롭 다운 목록 배경색

가능하며 CSS 또는 자바 스크립트를 사용하여 포커스가있는 드롭 다운 목록에서 항목의 배경색을 변경하는 방법은 무엇입니까?드롭 다운 목록 배경색

감사

2009-12-22 user220994

-1

을 기본 목록은 당신을 위해 작동하지 않는 경우, 당신은 자바 스크립트와 드롭 다운 목록을 시뮬레이션 할 수 있고 절대적으로 DIV과 스타일이 위치. 대부분의 UI 프레임 워크에는 광범위한 목록이 있습니다. 예를 들어, YUI을 확인하십시오.

출처

2009-12-22 13:36:34

전체 드롭 다운 목록에서 포커스가있는 배경색을 목록에서 변경할 수 있습니까? – user220994

사실이 아닙니다. 선택 옵션의 스타일을 지정할 수 있습니다 (일부 브라우저에는 일부 제한 사항이 있습니다). * 기침 * IE * 기침 * http://webbugtrack.blogspot.com/2007/11/bug-291-no-styling-options- in-ie.html – scunliffe

이것은 대부분의 브라우저에서 작동해야합니다

<html> 
<head> 
<style type="text/css"> 
option.red {background-color:red} 
option.blue {background-color:blue} 
option.white {background-color:white} 
</style> 
</head> 

<select> 
<option value="item 1" class="red">Item 1</option> 
<option value="item 2" class="blue">Item 2</option> 
<option value="item 3" class="white">Item 3</option> 
</select> 
</html>

이 개별 항목이 다르게 색칠 할 수 있다는 것을 증명한다, 그러나 나는 onfocus 및 이벤트에 변경에 대한 확실하지 않다.

출처

2009-12-22 13:51:37

CSS 현명한 - 네, 배경색을 바꿀 수 있습니다. 그러나 이벤트의 경우 IE는 옵션 요소가 아닌 선택 요소에서만 이벤트를 발생시킵니다. 마찬가지로 IE는 옵션 자체에 매우 제한된 스타일 옵션을 가지고 있습니다. 따라서 배경 이미지를 설정하거나 개별 텍스트 들여 쓰기/패딩을 조정하는 것과 같은 일은 할 수 없습니다. – scunliffe

J의 CSS 예제를 사용하거나 jQuery로 템플릿 드롭 다운을 만들 수 있습니다. 구현하기 쉬운 플러그인이 많이 있습니다. Here's 예. 이것도 이미지를 허용합니다.

출처

2009-12-22 13:59:18 Gabe

드롭 다운 목록 배경색

답변

관련 문제