HTML 선택 - 옵션 두 가지 색을 이름

Question

나는 각각은 이름, 배경과 전경색 선택할 수있는 색상 모델의 목록을 가지고있다.

옵션에 두 개의 색과 이름을 가진 아이콘/상자를 표시하는 방법이 있나요? 역동적 인 방법으로 이미지를 선택하지 않고 (기본 이미지를 가지고 변환 한 다음 색상을 변경)

... 등등

1;BlackOnWhite;#000000;#ffffff 
2;WhiteOnBlack;#ffffff;#000000 

나는 CSS를 이것으로 시도 : 서버에서

값은 같다 fiddle 만에 색 상자를 넣어 가능성이 있다면 물어 생각 선택리스트

감사합니다. 당신의 바이올린을 바탕으로

는

Answer 1

나는 해결책을 마련 할 수 있습니다.

HTML : 방금 범위 변수를 변경하거나 필터 등을하지만 나를 수 있도록 필요한 HEX 값에서 #을 제거하려면

<div> 
    <select> 
    <option>Choose color</option> 
    <option ng-repeat="checkbox in checkboxes" class="color-{{checkbox.foreground}}-{{checkbox.background}}">{{checkbox.name}}</option> 
    </select> 
</div> 

여전히 브라우저가 다양한이 없거나 있음을 경고 <option> 요소에 CSS를 제공하도록 지원합니다. 당신이 선택 요소의 스타일을 원하는 경우에 당신은 선택 2 또는 선택된와 같은 플러그인을 시도해야 등

여기 JSFiddle입니다 : https://jsfiddle.net/thepio/joqdj2cr/