IE 7，Chrome 10和Opera 11不支持選擇字段的css背景 - 選項？

我使用下面的簡單的CSS代碼的選擇字段&它工作在我從IE7測試，除了所有的瀏覽器，Chrome瀏覽器10 &歌劇院11IE 7，Chrome 10和Opera 11不支持選擇字段的css背景 - 選項？

background: url(../images/standard-select-bg.png) no-repeat;

什麼是我對這些瀏覽器的選項？

2011-03-18 Brett

我認爲這是相關的：http://stackoverflow.com/questions/380037/ie6-ie7-css-border-on- select-element你最好的選擇可能是替換控件。 – 2011-03-18 21:57:00

對於單項選擇：

對於多個項目中進行選擇：

在Opera 11.10beta

2011-03-20 15:25:39 karlcow

+1，很好的工作，找到一種方法在Opera中做到這一點！我無法在Chrome中顯示它（11.0。696.3 dev/Windows 7）或IE7（顯然）與'背景顏色'雖然。 – thirtydot 2011-03-20 17:29:01

非常好 - 謝謝！ – Brett 2011-03-22 11:04:45

據我所知，這是根本不可能在IE7或Opera 11

選擇：

忘掉這些瀏覽器的background-image。
- 沒有一個海量的量的市場份額。值得花費額外的時間在他們身上以獲得較小的美容效果？
使用JavaScript將<select>元素替換爲「假版本」。
- 無論你喜歡，你都可以嘗試這種風格。例如，Emblematiq Niceforms或jqTransform或Uniform plugin。
- 這是相當多的額外工作。

除非background-images是必不可少，我會跟選項＃1去。

2011-03-18 21:57:26 thirtydot

我剛剛發現它在Chrome中也不起作用。出於某種原因，我錯過了它。 – Brett 2011-03-19 17:07:21

關於市場份額，這取決於在哪裏。如果您擁有全球業務，那麼您可能會謹慎對待這一說法。例如，查看不同國家（如東歐）的gs.statcounter.com。 – karlcow 2011-03-20 15:10:22

我的網站是http://arpitk.me.pn/和它的背景圖片沒有裝入太多的Chrome，但它顯示出在Firefox 罰款，所以我使用HTML {長度固定它至少工作：100 ％;}在css文件中，它加載罰款鉻，但ie和歌劇滯後它

2011-06-05 08:40:42 arpit

回答