HTML Select-Option兩種顏色和名稱

-1

我有一個可供選擇的顏色模型列表，每個都有名稱，背景和前景色。HTML Select-Option兩種顏色和名稱

有沒有辦法在選項中顯示帶有兩種顏色和名稱的圖標/框？以動態的方式，不選擇圖像（或有一個基礎圖像，然後轉換它 - 改變顏色）。從服務器

值是這樣的：

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

等等...

我曾嘗試用CSS這樣：fiddle但想過要問是否有把一個彩色框的可能性選擇列表。

謝謝！

來源

2016-09-06 Oleh Sky

讓我們看看你試過嗎？ –

你能多解釋一下嗎？你想要什麼樣的html/input元素？ – cyberwombat

如果你想幫忙把一些代碼.. !! – Noman

基於你的小提琴，我可以想出一個解決方案。

HTML：

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

如果你想從你只是需要改變的範圍變量或做一個過濾器等。但是，讓我的十六進制值刪除＃仍警告你的瀏覽器有不同的或不支持將CSS分配給<option>元素。如果你想選擇樣式中的元素，你應該嘗試像選擇二或選擇了一個插件等

這裏有一個的jsfiddle：https://jsfiddle.net/thepio/joqdj2cr/

來源

2016-09-06 07:12:33 thepio

謝謝！大！ –

沒問題！很高興我能幫上忙：） – thepio

HTML Select-Option兩種顏色和名稱

回答

相關問題