html选择显示值与空的颜色格和显示值

-6

我需要html选择选项显示值与空的颜色格和显示值。html选择显示值与空的颜色格和显示值

我们如何做到这一点与HTML，JS或jQuery的？

我附带png值我需要那样。

谢谢。

<select> 

<option value="volvo"><div style="width:10px;height:10px;background-color:red"></div>V</option> 

<option value="saab">Saab</option> 

<option value="mercedes">Mercedes</option> 

<option value="audi">Audi</option> 

</select>

this is what i need

来源

2017-06-19 stacki

欢迎使用堆栈溢出。您需要共享相关代码（css html jq）以在本地代码段中创建您的问题示例。还分享你试图解决你的问题。 https://stackoverflow.com/help/mcve –

嗨mihai我添加了代码 – stacki

问题是，你有非常有限的编辑'选项'标签的权限，因为许多样式像'背景图像'不支持跨浏览器。选择，选项，收音机，复选框都非常依赖于浏览器。因此，更改其默认样式99％不适用于每个浏览器 –

您可以尝试使用选择2库。 https://select2.github.io/examples.html

来源

2017-06-19 09:14:50

不，你不能为<option>标记不能包含任何其他标记。因此在<option>标签内添加任何div或span是不可能的。

但你可以尝试https://semantic-ui.com/modules/dropdown.html

来源

2017-06-19 09:18:12 Raj

你可以永远只是颜色在整个选项是这样的：

<select > 
<option style="background-color: lightblue;" value="Saab">Saab</option> 
<option style="background-color: lightgreen;" value="Mercedes">Mercedes</option> 
<option style="background-color: red;" value="Audi">Audi</option> 
</select>

否则我也不太清楚，你可以达到你想要做什么。

来源

2017-06-19 09:23:30 Coopza

您好，我需要一个带空格的空白彩色div，然后显示text。 – stacki

html选择显示值与空的颜色格和显示值

回答

相关问题