我試圖爲我自己的網站創建一個Kendo UI DropDownList窗口小部件，並且取得了相當不錯的成功，並帶來了一個小小的警告，這個警告讓我瘋狂。Kendo UI DropDownList - 使用CSS剝皮的問題

我包括一個jsBin的鏈接，它演示了這個問題以及一些截圖。但基本上發生的事情是，我希望整個下拉列表平整（無邊框半徑），然後變得非常穩固（白色背景，黑色文本），並且當前選定的項目的左側邊框爲粗紅色條（在我的例子中是3px），然後當你將鼠標懸停在列表框中的項目上時，它們的左邊框變成了一個濃密的綠/藍條。

這是工作，除了一些奇怪的間距問題;首先，當我盤旋在事物上時，他們會「跳躍」。他們被這樣推動，有點令人討厭，讓人覺得不一致。我真的想解決這個問題。而那些讓我最瘋狂的事情是，我在左邊使用的「酒吧」有一個奇怪的曲率，使它看起來非常不合適，就好像它幾乎是傾斜的。任何人都可以協助嗎？

jsBin Example

enter image description here

來源

2014-01-30 Ciel

.custom-dropdown .k-item { 
    background: white; 
    font-weight: lighter; 
    padding: 0 4px; 
    border-left: solid 2px white; // add this 
} 

.custom-dropdown .k-item.k-state-selected, 
.custom-dropdown .k-item.k-state-focused { 
    color: black;     // and add this 
    border: solid 1px white; 
    border-left: solid 3px #b91d47; 
}

我覺得沒有什麼奇怪的弧度做。

http://www.w3schools.com/css/css_border.asp

http://jsbin.com/elOSuDo/1/edit更新jsbin

來源

2014-01-31 08:26:47 MustafaP

你是正確的。說實話，這有點令人失望。 – Ciel

非常感謝您的幫助，這實際上有助於您。它讓我知道我不只是編碼錯誤，而且它實際上是預期行爲的一部分。 – Ciel

Kendo UI DropDownList - 使用CSS剝皮的問題

jsBin Example

回答

相關問題