HTML:选择 - 选项中的2种不同的文本颜色

时间:2015-03-31 09:58:13

标签: html css select

有没有办法做到这一点?,在我的数据库中我有一些颜色名称和它们的颜色代码在同一行,所以服务器端语言我把颜色名称放在选项内但我还需要添加一点应使用颜色代码设置样式的圆形ascii字符。

这是一个没有PHP和我提到的所有内容的简单示例,只是为了展示我到现在为止所尝试的逻辑。

 <select>
   <option style="color: black;"><span style="color: red;">●</span>RED</option>
   <option style="color: black;"><span style="color: blue;">●</span>BLUE</option>
   <option style="color: black;"><span style="color: green;">●</span>GREEN</option>
   <option style="color: black;"><span style="color: yellow;">●</span>YELLOW</option>
 </select>

这是一张图片,左边是它的样子,右边是我想要的样子。请注意,上面的选择不一样: http://s18.postimg.org/o88wtqv1l/dqwdqwdqwdqwd.jpg

有什么想法吗?

1 个答案:

答案 0 :(得分:0)

使用此代码有用

<select>
 <option style="color: red;">●RED</option>
 <option style="color: blue;">●BLUE</option>
 <option style="color: green;">●GREEN</option>
 <option style="color: yellow;">●YELLOW</option>
</select>

并使用此链接http://www.onlinehtmleditor.net/

进行检查