在选择器中添加背景色

我想在选择器中放置一个绿色的小矩形。我尝试了很多，但找不到解决方案。在选择器中添加背景色

<select> 
    <option value="all_clicks" selected="selected" class="greenRect">All clicks</option> 
    <option value="search_camp">Search campaigns</option> 
    <option value="search_links">Search links</option> 
    <option value="none">None</option> 
</select>

.greenRect{ 
    height:15px; 
    width:15px; 
    backround:#7db22b; 
    border-radius:2px; 
}

http://jsfiddle.net/DVyQC/

在图中所示的相似！请帮帮我。

enter image description here

来源

2012-10-09 user1012181

你不可能用CSS做到这一点。选择框是最不“风格化”的元素之一。

这里有一个类似的帖子：How to add a images in select list

这个答案只是描述了一个Fx的CSS的解决方案。

来源

2012-10-09 16:17:25

那么你将不能够做到这一点使用普通的标签，你可以做，而不是什么（你也可以使它看起来很漂亮）是使用普通列表<ul><li>和重建选择器行为

来源

2012-10-09 16:12:15 Caelea

在选择这种类型的方法可以是可能的，但是这可以通过jQuery的或JavaScript

检查this做的工作还有很多下拉

来源

2012-10-09 16:18:26

你可以使用msDropdown，创造不同的彩色矩形图像穿上每个选项。 http://www.marghoobsuleman.com/jquery-image-dropdown

这当然不像使用CSS那样流畅，但它可能工作。

来源

2012-10-09 16:19:11 judehall

在选择器中添加背景色

回答

相关问题