1

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

<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/

类似于图中所示！请帮我。

在此处输入图像描述

4

4 回答 4

1

好吧，您将无法使用普通标签来做到这一点，而是您可以做的（并且您还可以让它看起来很漂亮）是使用普通列表<ul><li>并重新创建选择器行为

于 2012-10-09T16:12:15.843 回答
1

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

这是一个类似的帖子：如何在选择列表中添加图像

此答案仅描述了 Fx 的 CSS 解决方案。

于 2012-10-09T16:17:25.730 回答
1

在选项中，这种方法是可能的，但这可以通过 jquery 或 javascript 来完成

检查这个有很多下拉列表

于 2012-10-09T16:18:26.700 回答
1

您可以使用 msDropdown 并创建不同颜色的矩形图像来放置每个选项。 http://www.marghoobsuleman.com/jquery-image-dropdown

这当然不如使用 CSS 流畅，但它可能会奏效。

于 2012-10-09T16:19:11.487 回答