在選擇器中添加背景色

我想在選擇器中放置一個綠色的小矩形。我嘗試了很多，但找不到解決方案。在選擇器中添加背景色

<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

在選擇器中添加背景色

回答

相關問題