如何製作圓角選擇菜單

我想CSS選擇圓角的菜單，但我的小提琴沒有這樣的運氣，有什麼建議嗎？如何製作圓角選擇菜單

2012-06-12 James

如果您使用'select'元素，那麼它們的風格很難處理，因爲它們通常/大部分是由OS /平臺而不是瀏覽器呈現的;所以並不是所有的CSS都被應用。而且，跨瀏覽器，應用程序和不應用程序之間的差異變得更難以預測。 –

我不是在CSS專家，但我想你會不得不做這樣的事情

#myDivID 
{ 
-moz-border-radius-bottomleft: 6px; 
-moz-border-radius-bottomright: 6px; 
-webkit-border-bottom-left-radius: 6px; 
-webkit-border-bottom-right-radius: 6px; 
border-bottom-left-radius: 6px; 
border-bottom-right-radius: 6px; 
}

我希望這可以幫助您

來源

2012-06-12 16:41:54

解決方案：http://stackoverflow.com/questions/19444347/how-to-make-select-dropdown-with-rounded-border?answertab=active#tab-top – webx

該規則使圓角，你應該添加代碼，以便我可以幫你多一點

-webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
    border-radius: 10px;

來源

2012-06-12 16:38:42

一般來說，如果你想有一個選擇的元素上體面的造型，你需要使自己的模擬元素（出普通的舊資料覈實，列表和這樣的）。爲了保留表單功能，您可以創建一個真正的隱藏SELECT並使用腳本將其狀態與用戶實際與之交互的模擬元素進行同步。

如果你是jQuery的粉絲，你可以使用jQuery UI爲你做很多事情（example）。

來源

2012-06-12 16:50:58 Brendan

如何製作圓角選擇菜單

回答

相關問題