0

標準の選択リストがあります-https://imgur.com/3UaO0

私はそれを美しくする必要があります

ここに画像の説明を入力

Bootstrap フレームワークを使用して作成された美しい選択。

html は次のとおりです。

.field select{
    width:300px;
    font-size: 14px;
    border: 1px solid rgba(98,141, 40, 0.5);
    border-radius:5px;
    -moz-box-shadow: inset 0 0 1px 1px rgba(98,141, 40, 0.2);
    -webkit-box-shadow: inset 0 0 1px 1px rgba(98,141, 40, 0.2);
    box-shadow: inset 0 0 1px 1px rgba(98,141, 40, 0.2);  
}

Box-shadow が追加されません。オプションのリストのビューをスタイルしたいです。

どうすれば矢印を変更できますか?

どうすれば見栄えがよくなりますか？CSSまたはjQueryを使用してこれを行う必要がありますか?

4

2 に答える 2

1

http://harvesthq.github.com/chosen/を使用して、css を自分に合わせて変更してみませんか

于 2012-07-05T10:19:13.007 に答える
0

使用できる jQuery プラグインはたくさんあります。「select plugin jquery」をググってください。

私のお気に入りの一つ。ドロップキックです。

于 2012-07-05T10:19:19.487 に答える