Question

说我有一个清单。我想让用户知道其中一个索引是之前设置的索引。我希望这样当用户打开下拉菜单时，他可以看到其中一个选项被标记，因此它看起来与其他选项不同。

这有设施吗？如果我不得不破解丑陋的东西或重新实现整个菜单功能以使其工作，我将不会烦恼。

Answer 1

如果这是一个里面有标签的元素，您可以尝试为要突出显示的选项添加特定类。

<option class="myoption"...

然后通过css将背景颜色应用于此选项。

.myoption {background-color: red;}

我认为这在IE 6和7中不起作用，因为您无法在这些版本的浏览器中应用选择样式。

如果你有＆lt; ul＆gt;和＆lt; li>列表元素，应用上述相同的方法。

Answer 2

通常情况下，这是不必要的，因为您在pre-selected下次加载页面时只需使用之前选择的选项in state。

但是，如果您想以特定颜色显示选择列表选项，那么您基本上可以为每个选项提供单独的css样式，如example here所示。

Answer 3

您是在谈论一个简单的<select> - 下拉列表吗？

如果是这样，使用CSS非常简单：

<select>
    <option style="background:yellow">yellow</option>
    <option style="background:red">red</option>
    <option style="background:blue">blue</option>
</select>

当然，CSS-Classes也可以。

Answer 4

在选项标签上使用selected属性将是另一种解决方案。见

http://www.w3schools.com/tags/att_option_selected.asp

HTML：我可以标记/突出显示下拉列表菜单项吗？

4 个答案: