CSS歌劇問題<select>標籤

CSS：

select { 
float:left; 
background:url(../images/bg_search_sml.png) top left repeat-x; 
border:none; 
width:200px; 
font:15px Arial, Helvetica, sans-serif; 
letter-spacing:-1px; 
padding:7px 0 10px; 
} 

option { 
height:auto; 
outline:none; 
border:none; 
}

爲什麼只有歌劇和IE6有此標籤的問題。我必須在Opera和IE6中做些什麼，標籤會像IE7,8或FF一樣工作。 Code forr CSS已啓動。

問候

來源

2010-09-20 senzacionale

您可以在Opera DragonFly中檢查dojo'http：// demos.dojotoolkit.org/demos /'，瞭解它們的窗口小部件的CSS樣式。 – jcubic 2010-09-20 17:07:16

嗯，除了道場之外，沒有別的可能嗎？ – senzacionale 2010-09-20 17:23:20

樣式表單元素始終與純CSS橫跨每一個瀏覽器是或多或少是不可能的。原因是，在某種程度上，窗體控件和滾動條等元素被認爲是操作系統（Windows，OS X等）界面的一部分。之後，它們的外觀將由每個瀏覽器進一步確定。每個瀏覽器然後只允許某些表單控件的某些方面用CSS來操縱。他們沒有在每個瀏覽器上以標準方式實現這一點。

由於jcubic在評論中提到，您可以使用JavaScript（如Dojo Toolkit）來創建自定義表單元素。但是，您需要注意的是，使用<select>元素時，通常通過將文本<input>替換爲<select>來完成此操作。然後使用JavaScript來添加試圖模仿真實<select>的功能。雖然理論上這聽起來不錯，但功能從未完全匹配實際的<select>，並傾向於產生可用性方面的顧慮，因爲這些自定義元素並不像用戶期望<select>那樣工作。

您將獲得的最佳建議只是找到一種方法將默認窗體控件外觀合併到您的設計中。

來源

2010-09-20 18:13:08 stevelove

CSS歌劇問題<select>標籤

回答

相關問題