CSS選擇圓角和重疊背景色

Question

我在具有背景色的選擇元素上應用邊框半徑。 而不是跟隨邊界的曲線，背景顏色重疊曲線並出現在方框中。 我無法弄清楚我必須用什麼CSS屬性來解決這個問題。

background-color: #FF0; 
border-radius: 24px; 
border: 4px solid #F09; 

這裏是的jsfiddle：http://jsfiddle.net/JsgnR/

感謝您的幫助

Answer 1

我對這種感覺，讓這個在每一個普通的瀏覽器工作，你將不得不重建與JS的選擇...不愉快的造型選擇與像一個divbox的CSS仍然不可能如你所料。在最新的Firefox中，你的代碼在瀏覽器中看起來不錯，因爲Firefox決定讓邊框重疊選擇，在最新的opera中，邊框將在選擇下面，因爲他們決定這樣做。

你看到的選項，嘗試通過CSS來他們的風格，你是不是能夠和他們看起來醜陋

Answer 2

可以在<span></span>包裹<select>元素，並添加所需的屬性，以CSS的

這解決方案：http://jsfiddle.net/JsgnR/5/