如何在下拉菜单中设置所选选项的样式？

在下拉菜单中设置所选选项的样式

通过定位当前选定的 元素一直是一个共同的挑战。虽然 :checked 伪类为复选框和单选按钮等输入提供样式选项，但它不会扩展到 中的 元素。 菜单。

但是，仔细检查

：选中伪类表明它适用于具有 HTML4 selected 和 checked 属性的元素。此观察提供了一种对当前选定的 进行样式化的解决方案，如以下代码所示：

option:checked { color: red; }

虽然并非所有浏览器都支持颜色样式，但此方法提供了一种在下拉菜单中定位活动选项的方法。

或者，您可以使用一些附加选项来隐藏所选选项CSS：

option:checked { display:none; }

这种方法提供了一种创造性的方式来增强下拉菜单的用户体验，例如隐藏所选项目以避免视觉混乱。

以上是如何在下拉菜单中设置所选选项的样式？的详细内容。更多信息请关注PHP中文网其他相关文章！