2

私のPHPコードでは、データベースから2つの列のテーブルを取得し、両方をドロップダウンリストに表示しています。コードスニペットは次のとおりです。

echo "<select id='isv' class='required'>";
while($row = pg_fetch_row($result)){    
    echo "<option><span class='options'>" . $row[0] . "</span>&nbsp;" . $row[1] . "</option>";
}
echo "</select><br>";

別のスタイルで両方を分離したかったのです。だから私は次のCSSを書きました：

.options
{
    color: red;
    float: left;
    text-align: right;
    width: 15em;
    margin-right: 1em;
}

ただし、スタイルはオプションに適用されていません。このコードで正確に何を変更する必要がありますか？

4

2 に答える 2

2

<option>要素をそのようにスタイル設定することはできません。JavaScriptを使用して独自の実装を設計する必要があります。ドロップダウンメニュー（<select>s）は、CSSではなく、ほとんどの場合ブラウザのクロムによってスタイル設定されます。さらに、<option>要素に子要素を含めることはできません。

CSSを介してスタイリングできるものの良いリファレンスは次のとおりです：http： //bavotasan.com/2011/style-select-box-using-only-css/

于 2012-07-03T18:46:25.967 に答える
1

marginの代わりに、そのために賢く利用することができます<span>。（言うまでもなく、これは機能しません）

カスタムドロップダウンにいくつかのjQueryプラグインを使用することを検討してください。こちらの例をご覧ください。また、このSOの質問に対する回答もあります。

于 2012-07-03T18:52:20.377 に答える