帶有「標籤」風格的jQuery + CSS下拉菜單

我在我的網站上工作，我試圖設計下拉式樣，所以它看起來像標籤。帶有「標籤」風格的jQuery + CSS下拉菜單

我做到了，但有問題 - 不知何故有邊界的部分顏色錯誤 - 爲什麼？（在FF，Chorme和IE9測試）

這是我的問題的圖像： enter image description here

這是我工作的小提琴：
Fiddle - Example of my work

我怎樣才能解決呢？

謝謝！

2011-09-06 Ron

我看不到你在說什麼。我在64位Linux上運行Chrome 15.0.865.0開發版。 – Blender

你不能看到它，因爲很小。你嘗試放大嗎？ – Ron

這不是一個CSS下拉菜單，因爲你確實有JavaScript支持它。 –

我突然有一個驚人的想法，我試了一下。

首先我知道那個問題是我用過的白色邊框。

我的想法是：刪除我製作的底部邊框，改爲使用背景色 - 它工作。

這裏的新小提琴：Updated fiddle

2011-09-06 16:49:52 Ron

本文不提供代碼示例，帶圓角邊框創建標籤的一個好工作 - http://css-tricks.com/14001-tabs-with-round-out-borders/

2011-09-06 16:34:05 Evan

我不想要圓角邊框...我只是想了解爲什麼有錯誤顏色的邊框部分 – Ron

設置邊框，底部透明似乎是搞亂了邊界並在角上加小圓點。通過刪除它現在看起來很好：http://jsfiddle.net/4aevH/3/。但是，如果您因爲任何原因需要透明邊框，我可以找出其他的東西。

2011-09-06 16:50:03

您的解決方案不能解決所有問題如果你放大，你會發現仍然有2個點的顏色錯誤。我寫了我自己的解決方案，解決了這一切。 – Ron

如果你設置邊框透明或白色的，她是存在的，必須呈現，所以四角失敗...

使用此：

border-left:0 none; 
border-right:0 none; 
border-bottom:0 none;

我測試過的你的例子，它似乎解決你的問題！如果沒有，請讓我知道;）

2011-09-06 17:01:55 Zuul

我會寫與我寫給paulGraffix相同的答案 - 您的解決方案並不能解決所有問題。如果你放大，你會發現仍然有2個點的顏色錯誤。我寫了我自己的解決方案，解決了這一切。 – Ron

回答