php - ドロップダウンリストアイテムのスタイルを設定する方法

Question

ドロップダウンリストのアイテムのスタイルを設定する方法を教えてください。リストアイテムと各アイテムの下の境界線の間隔を広げたいですか？

<select class="text_select" id="field_14" name="field_14" style="opacity: 0;">
    <option value="- Select -">- Select -</option>
    <option value="0 - $2m">0 - $2m</option>
    <option value="$2.1 &ndash; $5m">$2.1 &ndash; $5m</option>
    <option value="$5.1 - $10m">$5.1 - $10m</option>
    <option value="$10 -$20m">$10 -$20m</option>
    <option value="Greater than $20M">Greater than $20M</option>
</select>

Answer 1

JQUERYコンボボックスを使用できます

これは、開発者/設計者がコントロールとオプションリストのスタイルを設定できるようにする標準のコンボボックスの目立たない代替品です。

セットアップが簡単で、デフォルトのスタイルはCSSクラスやアニメーションのドロップダウンを必要とせず、コードを変更しなくてもフォームで機能します。

Answer 2

これをスタイリッシュなドロップダウンデモに使用できます

Answer 3

以下のjqueryプラグインを確認してください。役立つ場合があります。

jqtransform

素敵な形

ユニフォーム

もっとチェック

yui niceform

Answer 4

/*最初の答え*/

<style>
 li {
    /* CODE HERE */
 }     
</style>

/* 編集 */

良いリンク=> JavaScriptなしでCSSのみを使用して<select>ドロップダウンのスタイルを設定するにはどうすればよいですか？

Answer 5

.list-item {
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:1px;
}