如何爲選擇框中的選項添加背景圖片？

任何人都可以給我一個跨瀏覽器支持的解決方案，這個問題？如何爲選擇框中的選項添加背景圖片？

來源

2012-06-26 Eli

請註明你面對什麼樣的問題，以何種瀏覽器。此外，爲了獲得更好的反饋，您可能需要閱讀[faq]（http://stackoverflow.com/faq）以提出更好的問題。 – Fewfre

您可以在此參考使用定製的jQuery插件，如：

http://www.marghoobsuleman.com/jquery-image-dropdown

來源

2012-06-26 12:24:59

HTML： - 您可以使用內嵌樣式如下圖所示，

<select> 
    <option style="background-image:url(1stimage.gif);">1</option> 
    <option style="background-image:url(2ndimage.gif);">2</option> 
    <option style="background-image:url(3rdimage.gif);">3</option> 
</select>

上面的代碼將工作在Firefox和Webkit瀏覽器。因爲你可以使用jQuery UI的瀏覽器的其餘部分，請在下面找到

http://docs.jquery.com/UI/Selectable

編輯鏈接：您也可以嘗試這個http://www.jankoatwarpspeed.com/post/2009/07/28/reinventing-drop-down-with-css-jquery.aspx

來源

2012-06-26 12:28:27 Subhajit

鏈接正是我需要做我自己的下拉，已經嘗試在接受的答案中使用msdropdown。（msdropdown很棒，但我發現很難讓它匹配我的其他jQuery小部件。） –

我相信背景圖像不適用於選項元素。 – Christoph

這隻適用於Firefox –

如何爲選擇框中的選項添加背景圖片？

回答

相關問題