2

在我的 PHP 代码中，我从数据库中提取了一个包含两列的表，并将它们都显示在一个下拉列表中。以下是代码片段：

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) 主要由浏览器 chrome 设置样式，而不是 CSS。此外，该<option>元素可能没有任何子元素。

以下是您可以通过 CSS 设置样式的一个很好的参考：http: //bavotasan.com/2011/style-select-box-using-only-css/

于 2012-07-03T18:46:25.967 回答
1

您可以巧妙地使用marginfor that 而不是<span>. （这行不通，不用说）

考虑使用一些 jQuery 插件来自定义下拉菜单。请参阅此处的示例。还有这个SO question的答案。

于 2012-07-03T18:52:20.377 回答