html - 角が丸いセレクトメニューの作り方

Question

角の丸い選択メニューを CSS で作成しようとしていますが、私のいじりにはそのような運がありませんでした。何か提案はありますか?

Answer 1

このルールは角を丸くします。コードを追加して、もう少しお手伝いします

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

Answer 2

一般に、選択した要素に適切なスタイリングが必要な場合は、独自のモック要素を作成する必要があります（単純な古い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;
}

これがお役に立てば幸いです