通過選擇選項標籤自定義下拉菜單？

Question

我的領導告訴我選擇選項不能完全定製。因此，我必須使用ul li來製作以下css樣式。 http://jsfiddle.net/C5mTf/59/

對不起，以下是局部的CSS具有每計算器規定，以顯示

#menu ul:hover .item:last-child{ 
    border-bottom: 1px solid #cbc5cd; 
    border-bottom-left-radius: 4px; 
    border-bottom-right-radius: 4px; 
} 

以下是要求： 1.在初始階段，在下拉菜單中只顯示第一項具有圓角。 2.如果將鼠標移動到菜單上，它將顯示帶有整個圓角的所有項目。 3.點擊任何項目或離開菜單後，下拉菜單將隱藏除選定的項目外的所有項目

有沒有一種方法可以使用select和option標籤來構建相同的css外觀？

Answer 1

對於跨瀏覽器渲染答案是否定的。有一些jQuery插件可以爲選擇做很多dom操作，但你的菜單看起來很好。你最終會浪費更多時間來試圖弄清楚如何使它看起來像這樣。