在我的 PHP 代码中，我从数据库中提取一个包含两列的表，并将它们都显示在下拉列表中。以下是代码片段:
echo "<select id='isv' class='required'>";
while($row = pg_fetch_row($result)){
echo "<option><span class='options'>" . $row[0] . "</span> " . $row[1] . "</option>";
}
echo "</select><br>";
我想通过不同的样式来将它们分开。所以我编写了以下 CSS:
.options
{
color: red;
float: left;
text-align: right;
width: 15em;
margin-right: 1em;
}
但是，该样式并未应用于选项。我到底需要在这段代码中更改什么？
最佳答案
<option>元素不能以这种方式设计，您必须使用 JavaScript 设计自己的实现。下拉菜单 ( <select> s) 主要由浏览器 chrome 设计，而不是由 CSS 设计。此外，<option>元素不能有任何子元素。
这里是一个很好的引用，可以帮助您了解如何通过 CSS 设置样式:http://bavotasan.com/2011/style-select-box-using-only-css/
关于php - 在 HTML 选择标签的选项中设置两个不同元素的样式，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/11317130/