如何制作帶有圓角的選擇菜單

Question

我正在嘗試使用帶有圓角的css選擇菜單，但是我的擺設沒有這種運氣，有什么建議嗎？

Answer 1

這條規則很圓滑，您應該添加代碼，以便為您提供更多幫助

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

Answer 2

通常，如果要在select元素上實現體面的樣式，則需要制作自己的模擬元素（使用普通的舊DIV，列表等）。 為了保留表單功能，您可以創建一個真正的隱藏SELECT並使用腳本將其狀態與用戶實際與之交互的模擬元素同步。

如果您是jQuery的愛好者，則可以使用jQuery UI為您做很多事情（ 例如 ）。

Answer 3

我不是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;
}

希望對您有幫助